页面性能优化

页面渲染流程
HTML页面请求
浏览器的js引擎

尽量减少页面的reflow
防止js绘制dom节点阻塞其他标签的解析甚至下载,比如 document.write

浏览器的JS引擎

WebPageTest 分析网络性能

性能优化:Yahoo军规

技术优化出发点

写成可复用的模块


加载方式(提升用户体验):
1. 同步加载
都加载完才能展示给用户想看的。
可能很少的tcp连接就能完成页面的加载

2. 分级加载
同步加载和异步加载相结合
先给用户加载重要的信息比如logo/核心功能,后面加载不重要的

3. 按需加载
用户不触发该功能我们就不加载
用户不触发该功能,但是带宽闲置,或者页面的主要元素都加载完了

重要的东西同步加载,不重要的东西异步加载

原文地址:https://www.cnblogs.com/zhangxiaoshu/p/6601133.html