页面渲染流程
HTML页面请求
浏览器的js引擎
尽量减少页面的reflow
防止js绘制dom节点阻塞其他标签的解析甚至下载,比如 document.write
浏览器的JS引擎
WebPageTest 分析网络性能
性能优化:Yahoo军规
技术优化出发点
写成可复用的模块
加载方式(提升用户体验):
1. 同步加载
都加载完才能展示给用户想看的。
可能很少的tcp连接就能完成页面的加载
2. 分级加载
同步加载和异步加载相结合
先给用户加载重要的信息比如logo/核心功能,后面加载不重要的
3. 按需加载
用户不触发该功能我们就不加载
用户不触发该功能,但是带宽闲置,或者页面的主要元素都加载完了
重要的东西同步加载,不重要的东西异步加载