Web性能优化101：JS，CSS，HTTP，图像和字体

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

Javascript性能优化

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

CSS性能优化

• - 缩小CSS代码
• - 提取关键CSS 并首先在style中加载它，自动帮你提取关键CSS语法的工具

HTTP /连接优化

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