网站性能优化（1）

一 页面加载缓慢分析步骤：https://www.jianshu.com/p/24b93b13e5a9

finish：页面最后一个请求截止的时间，如果页面加载完后，触发了ajax请求，那么该时间会变更。

DOMContentLoaded：dom内容加载并解析完成的时间（页面白屏时间）

load：页面所有的资源（图片，音频，视频等）加载完成的时间

页面上所有的资源（图片，音频，视频等）被加载以后才会触发load事件,即：DOMContentLoaded=>load。

瀑布流图中(waterfall)，蓝色竖线表示触发domContentLoad事件触发时间，红色表示Load事件触发。

 

二 影响页面加载因素：

js性能太差，阻塞页面；

某个请求慢阻塞页面的加载；

同域名下的请求数过多导致Queueing（TCP连接数是有限制的，chrome设置的6个，如果说同一时间，发起的同一域名的请求超过了6个，这时候就需要排队）；

 

三 Chrome DevTool之Network网络加载分析及深度优化：https://www.jianshu.com/p/471950517b07

 

参考链接：https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/timeline-tool