前端性能优化——概述(概括前端性能优化入手点)
·
此文章主要介绍了"前端性能优化" 入手层面; 以及实际开发中可以操作的几个相关点。
性能优化—下篇文章(资源合并与压缩): Http 请求的过程及潜在的性能优化点
废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。
一: 前端性能优化点:
1. 4 个层面 与 8 个点 。
1. 性能优化的 4 个层面:
1. 网络层面
2. 构建层面
3. 浏览器渲染层面
4. 服务端层面
2. 性能优化的 8个点:
1. 资源的合并与压缩 。
2. 图片的编码原理和类型选择 。
3. 浏览器的渲染机制 。
4. 懒加载预加载 。
5. 浏览器存储 。
6. 缓存机制 。
7. PWA 。
8. Vue-SSR 。
之前有整理过部分知识点, 现在将整理的相关内容, 验证之后慢慢分享给大家; 这个专题 就是 “前端性能优化” 的相关专栏; 不积跬步，无以至千里, 戒焦戒躁 。
如果对你有所帮助，喜欢的可以点个关注, 必然回关; 文章还一直持续打磨 。
有什么想要了解的前端知识吗? 可以评论区留言, 会及时跟进分享所提内容 。
整理知识点不易, 每次都是在工作繁忙之余夜深人静之时整理, 无论知识点是大是小, 都会验证后再分享, 以防自己发表的文章给大家造成误导 。如有问题还望不吝赐教，本人会及时更改 (本文原创, 如需转载，请注明出处) 。
腾讯云面向开发者汇聚海量精品云计算使用和开发经验，营造开放的云计算技术生态圈。
更多推荐
3
0- 0
已为社区贡献1条内容
所有评论(0)