【万字总结】构建现代Web应用的全方位性能优化体系学习指南(一)掘金前端/@庸俗今天不摸鱼本文是关于构建现代Web应用全方位性能优化体系学习指南的第一篇,介绍了资源加载革命性策略,包括多维度压缩算法对比、CDN智能分发等,还提及了工具链与调试体系、性能优化进阶策略等内容。
揭秘双11保障:深度解析物流CEO大屏与供应链大屏的稳定性保障机制京东技术/@京东物流 李武勇文章聚焦于双11物流供应链大屏,其页面指标多、依赖接口多、复杂度高、数据链路长且稳定性要求高,将分享京东物流技术团队保障其稳定性的机制。
高级前端篇-性能优化(这一篇就够了!w字长文,持续更新中)掘金前端/@黄天才丶本文围绕前端性能优化展开,阐述其重要性,介绍从项目开发到用户体验过程中的普适规范和优化理念,还详细讲解了DNS缓存、事件优化、网络优化等方面内容,最后介绍了多种找到性能问题的方法。
基于three.js的虚拟人阴影渲染优化方案掘金前端/@vivo互联网技术本文探讨了three.js中的阴影渲染机制,针对虚拟人阴影渲染进行优化,分享了全局阴影和地面阴影的优化思路及方法,以在保证性能的同时提升阴影品质。
浅谈前端性能指标、性能监控、以及搭建性能优化体系掘金前端/@吞吞0711/3 天前文章主要探讨了前端性能指标,如核心Web Vitals指标中的LCP、FID等,阐述了其作用、标准、意义及优化方向,同时介绍了性能监控的相关内容,包括浏览器内置工具和Web Vitals库等。
Vite打包优化实践:从分包到性能提升掘金前端/@coder_leon/3 天前本文介绍了Vite打包优化的几种策略,包括使用visualizer可视化分析、分包、去除console语句、压缩代码以及通过CDN加载外部库等,这些策略有效减少了项目打包体积,提升了应用性能。
微软宣布:TypeScript 代码推翻重写,性能狂飙10倍🚀前端开发爱好者/@小4子/3 天前微软宣布TypeScript代码用Go重写,性能大幅提升,无需更改现有代码,IDE和CLI体验将显著改善,还介绍了选择Go的原因及未来计划
TypeScript 作者:提速 10 倍的 TypeScript前端圈/@Anders Hejlsberg/3 天前TypeScript作者宣布采取措施提高TypeScript性能,介绍了在一些流行代码库上运行tsc的加速情况,包括加载时间大幅缩短、内存使用减少等,还说明了版本路线图和未来规划。
刚刚!微软宣布 TypeScript 性能提升 10 倍,使用 Go 语言重写!前端充电宝/4 天前微软宣布TypeScript性能大幅提升,通过移植到Go语言,构建时间等大幅缩短,内存使用减少,还介绍了版本控制路线图,这将带来更高效开发体验并巩固其在JavaScript生态系统中的作用。
项目精讲 v-lazy实现图片懒加载掘金前端/@ZXT/4 天前文章介绍了通过创建自定义指令v-lazy来实现图片懒加载,讲解了自定义指令的钩子函数、注册方法,以及利用IntersectionObserver API实现懒加载的原理和相关参数设置等
HarmonyOS NEXT开发:Web场景加载性能优化指南掘金前端/@Harmony培训部小助手/4 天前介绍HarmonyOS NEXT为开发者提供工具和API来优化Web应用加载速度,并给出关键优化策略及示例代码。
图片懒加载与预加载的实现掘金前端/@六个点/5 天前介绍了图片懒加载和预加载的原理及实现方法,懒加载通过监听屏幕滚动判断图片是否在可视区域来加载,预加载是在加载页面时开新线程加载图片,加载完交给主线程展示
🚀 前端缓存踩坑指南:如何优雅地解决浏览器缓存问题?掘金前端/@七月丶/5 天前文章指出浏览器缓存有利有弊,介绍了给静态资源加hash、使用Cache-Control头、Etag、Service Worker、前端主动检测版本变更等解决浏览器缓存问题的方案,并给出综合使用这些方案的最佳实践
Three.js场景渲染优化掘金前端/@漫步云端的码农/5 天前该文章主要讲述在Three.js中创建复杂3D场景时会遇到性能瓶颈,为提升用户体验和应用性能,介绍了渲染性能优化的基本原则,如减少绘制调用、优化几何体和材质、合理设置相机和视口等,还围绕提升帧率、降低资源消耗、改善视觉效果和增强可扩展性这四
前端视角下的图像格式进化论:从像素战争到性能革命Goodme 前端团队/@古茗前端/5 天前本文从前端视角出发,通过实际示例、多维度对比和性能测试数据,深入剖析主流图片格式的特性,如JPEG、WEBP、AVIF、GIF等在画质、文件大小、加载速度、动画效果等方面的差异,并给出了如图片裁剪、响应式加载、懒加载等可落地的优化建议,还展
如何用 Web Worker 提升前端性能?掘金前端/@前端日常开发/7 天前文章指出在前端开发里性能优化很关键,随着Web应用复杂度增加,如何不阻塞主线程完成复杂计算任务成难题,引出要探讨的Web Worker工具