1、压缩及合并资源
使用webpack或Parcel压缩图片、合并CSS和JS文件
在线压缩图片网站:https://tinypng.com/
2、调整JS和CSS的位置
JS放在body最后,CSS放在head里
3、使用CDN
4、服务器上开启Gzip传输压缩
5、服务器开启Cache-Control缓存控制
6、使用Etag
ETag是HTTP1.1中才加入的一个属性,用来帮助服务器控制Web端的缓存验证,通过控制浏览器端的缓存,可以节省服务器的带宽,因为服务器不需要每次都把全量数据返回给客户端。
7、使用多域名实现资源并行下载
8、资源懒加载
可以初步先做一个图片资源懒加载
网友评论