前端优化的大方向 - 个人总结

> 原创

# dns预解析
dns-prefetch

# chrome 中的一些指令
`chrome://histograms/DNS.PrefetchQueue` 查看队列状态
`chrome://histograms/DNS` 查看从浏览器启动到上一页的DNS记录
`chrome://dns` 查看各个域名DNS统计
`chrome://net-internals/#dns` 清除host缓存

# 最容易忽略的重定向
比如路径末尾应该加`/`

# http缓存
Expires Cache-Contro ETag

# webpack相关
路由懒加载
preload
tree shaking
gzip

# v8相关
## 分层，切片
## holy 结构
## shape

# 代码层面
避免回流重绘
防抖与节流

# 服务器层面
nginx gzip

# 使用cdn
1、代码里的服务比如jQuery、Vue等使用cdn
2、服务器部署使用cdn

# 图片格式
尽量使用webp，但要注意safari兼容

# 工具
audist

前端优化的大方向 - 个人总结

原文：https://www.cnblogs.com/yummylucky/p/12162898.html