May 11, 2020

页面渲染加速 (个人总结)

  • 减少 HTTP 请求
  • 减小资源体积,比如压缩 css 和 js
  • 合理设置 CSS 和 JS 的位置
  • 合理给 JS 文件添加 defer 和 async 属性
  • 图片添加 lazy 属性,以及使用 srcset 属性
  • 图标打包为 base64
  • 复杂、严重占用主进程的 JS 逻辑可以用 Web Worker API
  • 减少重绘和回流
  • 为静态资源开启 CDN
  • 如果存在大量外部资源,可以使用不同的域名来分流 (每个页面对于同一个域名最多同时发起 8 个左右的请求)