• 原则

减少 CPU 的运算、减少网络的使用、多使用内存、多使用缓存及其他方法。

• 加载资源优化

  • 静态资源的压索合并

    多个文件合并成一个文件，合理压索代码

  • 静态资源缓存

    利用浏览器策略缓存资源，加快读取

  • 使用 CDN 加快资源加载

  • 使用 SSR（Service Side Run）

    在服务器渲染好后直接输出到 HTML，减少客户端资源

• 渲染优化

  • CSS 前置，JS 后置

    避免 CSS 二次渲染文档，避免 JS 阻塞渲染

  • 懒加载

    需要时再加载（图片，下拉加载更多）

  • 减少 DOM 查询

    对 DOM 查询做缓存

  • 减少 DOM 操作

    多个操作尽量合并在一起执行
    比如新建10个一起的标签，先存到一起，最后一起插入到父节点中

  • 事件节流

    连续的操作下，如果反馈不需要连续，可以只执行最后一下操作的反馈。

  • 尽量早执行操作

Wait me back