- 性能评级工具(
PageSpeed
或YSlow
) - 合理设置
HTTP
缓存:Expires
与Cache-control
- 静态资源打包,开启
Gzip
压缩(节省响应流量) CSS3
模拟图像,图标base64
(降低请求数)- 模块延迟(
defer
)加载/异步(async
)加载 Cookie
隔离(节省请求流量)localStorage
(本地存储)- 使用
CDN
加速(访问最近服务器) - 启用
HTTP/2
(多路复用,并行加载) - 前端自动化(
gulp/webpack
)