前端性能优化主要分两块：

一是资源加载

1.多使用内存、缓存和其他方法

2.减少CPU计算量，减少网络加载耗时。

以上适用所有编程的性能优化-空间换时间

3.减少资源体积：压缩代码，图片精灵

4.减少访问次数：合并代码（js模块化，最后打包成一个JS）、SSR服务器端渲染，缓存

浅谈前端性能优化

5.使用更快的CDN

二是让渲染更快

1.css放在head，js放在body下面

2.尽早开始执行js，用DOMcontentLoaed触发

3.懒加载（图片懒加载，上滑更多）

4.对DOM查询进行缓存

5.频繁DOM操作，合并到一起进行Dom操作，如存入createDocumentFragment中

浅谈前端性能优化

6.节流和防抖

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。