本文探讨了前端性能优化的两个关键方面：文件加载更快和文件渲染更快。优化措施包括压缩文件和图片、利用雪碧图和精灵图减少网络请求、使用HTTP缓存等提高加载速度；通过服务器端渲染、合理布局CSS和JS、懒加载技术以及减少DOM操作提升渲染效率。这些策略旨在提升用户体验，加快网页加载和显示速度。
前端性能优化分为两类：
1.文件加载更快：
① 让传输的数据包更小（压缩文件/图片）：图片压缩和文件压缩
②减少网络请求的次数：雪碧图/精灵图、节流防抖
③减少渲染的次数：缓存（HTTP缓存、本地缓存、Vue的keep-alive缓存等）
2.文件渲染更快：
①提前渲染：ssr服务器端渲染
②避免渲染阻塞：CSS放在HTML的head中 JS放在HTML的body底部
③ 避免无用渲染：懒加载
④ 减少渲染次数：对dom查询进行缓存、将dom操作合并、使用减少重排的标签
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
