-
原则
减少 CPU 的运算、减少网络的使用、多使用内存、多使用缓存及其他方法。
-
加载资源优化
-
静态资源的压索合并
多个文件合并成一个文件,合理压索代码
-
静态资源缓存
利用浏览器策略缓存资源,加快读取
-
使用 CDN 加快资源加载
-
使用 SSR(Service Side Run)
在服务器渲染好后直接输出到 HTML,减少客户端资源
-
-
渲染优化
-
CSS 前置,JS 后置
避免 CSS 二次渲染文档,避免 JS 阻塞渲染
-
懒加载
需要时再加载(图片,下拉加载更多)
-
减少 DOM 查询
对 DOM 查询做缓存
-
减少 DOM 操作
多个操作尽量合并在一起执行
比如新建10个一起的标签,先存到一起,最后一起插入到父节点中 -
事件节流
连续的操作下,如果反馈不需要连续,可以只执行最后一下操作的反馈。
-
尽量早执行操作
-
Wait me back