简单性能优化思路

  • 原则

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


  • 加载资源优化

    • 静态资源的压索合并

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

    • 静态资源缓存

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

    • 使用 CDN 加快资源加载
    • 使用 SSR(Service Side Run)

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


  • 渲染优化

    • CSS 前置,JS 后置

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

    • 懒加载

      需要时再加载(图片,下拉加载更多)

    • 减少 DOM 查询

      对 DOM 查询做缓存

    • 减少 DOM 操作

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

    • 事件节流

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

    • 尽量早执行操作



Wait me back

你可能感兴趣的:(简单性能优化思路)