代码阶段

  • 缩小HTML嵌套层级，使用尽可能少的标签
  • script标签放到文档的底层加载，非关键脚本使用async ,defer 加载，缩短首次渲染的时间
  • link 根据需要添加rel=”preload”属性以及media属性的使用
  • 少使用全局变量，避免内存泄漏
  • 多写内联样式，减少css文件的下载

  • 合并网络请求，减少网络开销

    预发布阶段

  • minify : 对源文件进行压缩,图片压缩

  • 根据页面不同，加载时机不同，拆包，分包加载
  • 域名拆分 , 增加浏览器下载的并行度，让浏览器能同时发起更多的请求
  • nginx 开启gzip
  • 根据需要开启keepalive