[Lv1] 图片加载优化:四层 Lazy Load
通过四层图片懒加载策略,将首屏图片流量从 60MB 降至 2MB,加载时间提升 85%。
通过四层图片懒加载策略,将首屏图片流量从 60MB 降至 2MB,加载时间提升 85%。
通过三层路由 Lazy Loading,将首次加载从 12.5MB 降至 850KB,首屏时间缩短 70%。
通过防抖、节流、时间切片和 requestAnimationFrame 等技术,优化 JavaScript 运算性能,提升用户体验。
Nuxt 3 性能优化全攻略:从 Bundle Size 瘦身、SSR 速度优化到图片加载策略,打造极致性能体验。
Web Worker 是一个在浏览器后台线程中运行 JavaScript 的 API,让你能够执行耗时的运算而不会阻塞主线程(UI 线程)。
当页面需要显示上万条数据时,如何在性能、用户体验和开发成本间取得平衡?
当页面需要渲染 1000+ 条数据时,虚拟滚动可以将 DOM 节点从 1000+ 降至 20-30 个,内存使用降低 80%。
持续累积网页性能优化相关的实战经验与面试重点,依难度由浅入深整理。