统计网页加载时间方法

1.使用Google Analytics

包含了性能统计，暂时没用过。

可以得到各种时间，如dns解析时间，连接时间、跳转时间、加载时间等指标。
这些API需要在页面加载完成后才能使用，需要在window.onload事件中读取各种数据，因为很多值必须在页面完全加载之后才能得出。

页面加载API
window.performance.timing 返回一个只读的PerformanceTiming对象，用于分析页面整体性能指标，常用的统计数据如下：
- DNS查询耗时：domainLookupEnd - domainLookupStart
- TCP链接耗时：connectEnd - connectStart
- request请求耗时：responseEnd - responseStart
- 解析dom树耗时： domComplete- domInteractive
- 白屏时间：responseStart - navigationStart
- domready时间：domContentLoadedEventEnd - navigationStart
- onload时间：loadEventEnd - navigationStart
其中navigationStart为准备加载新页面的起始时间，loadEventEnd文档触发load事件结束时间
资源加载API
window.performance.getEntries() 显示所有静态资源的加载时间
window.performance.getEntriesByName() 获取相应名字资源的加载时间
window.performance.getEntriesByType() 获取相应类型资源的加载时间

最后编辑于：2017.12.06 23:48:43

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。