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、资源懒加载
可以初步先做一个图片资源懒加载
WEB性能优化
利用 Webpack 来优化 Web 性能属于加载性能优化 的一部分： ☛ Web Performance Opt...
js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...
js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...
这是 Web 性能优化的第 4 篇，上一篇在下面看点击查看： Web 性能优化：使用 Webpack 分离数据的正...
Web性能优化重不重要？相信每一个从事Web前端开发的人都会回答重要，毕竟Web性能优化好的网站可以给用户带来更好...
Web性能优化重不重要?相信每一个从事Web前端开发的人都会回答重要，毕竟Web性能优化好的网站可以给用户带来更好...
Web性能优化重不重要?相信每一个从事Web前端开发的人都会回答重要，毕竟Web性能优化好的网站可以给用户带来更好...
这是 Web 性能优化的第三篇，上一篇在下面看点击查看： Web 性能优化： 使用 Webpack 分离数据的正确...
这是 Web 性能优化的第二篇，上一篇在下面看点击查看： Web 性能优化： 使用 Webpack 分离数据的正确...
本文标题：Web性能优化
本文链接：https://www.haomeiwen.com/subject/iyujkctx.html
网友评论