Web性能优化101:JS,CSS,HTTP,图像和字体

18-10-30 banq
              

如何提升Web加载性能? 有以下要点。

Javascript性能优化

  • - 缩小JS代码
  • - 使用async和defer 编写脚本
  • - 拆分代码以尽可能少地加载 - 并从依赖项中删除未使用的代码 

CSS性能优化

HTTP /连接优化

  • - 缩小HTML
  • - 使用Gzip和Brotli压缩文本资源
  • - 使用CDN节省下载静态资源的时间
  • - 预加载以后需要的资源