Web性能优化
1.缓存
2.DNS查询（减少DNS查询，可减少域名）
3.建立TCP连接（TCP连接复用、keep alive、HTTP/2.0多路复用）
4.发送HTTP请求、ETags、后台处理（减少cookie、使用CacheControl、一个域名最多发送4个到8个JS请求，增加域名同时发送多个请求）
5.接受响应（用ETag响应304、用Gzip压缩后再发送）
6.接受完成，得到HTML;（下载并行，解析串行）
7.DOCTYPE html / xml （写对就行，以免浏览器预读）
8.逐行解析 9.读取标签（减少标签）{1.IE在页面显示；2.chrome是等css完再显示}
10.看到CSS
11.看JS（1.使用CDN；2.CSS放head,js放body最后；）
若想减少请求数，可直接减少文件数；
延迟加载组件（懒加载）；
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/qwkeiftx.html
网友评论