如何查看网页加载时间？
之前写了一个简单的Js脚本，可以获取到每个链接的加载进度和时间。今天看到这个问题，顺便把代码贴出来，希望对各位有用。 1、首先导入timer和clicks插件（根据需求选择版本） npm install timer-prompt clicks --save
2、导出脚本，输入网址就可以看到加载时间和耗时，点击具体的link可以看到更详细的load信息和资源hash表。（这里我用的是element-ui框架，所以导出的文件里包含了元素相关的loader信息，如果不需要的话可以删掉）
3、使用方式：在需要监测的页面中引入该脚本，通过callBack函数传入需要监测的链接列表；或者直接在head中插入下面代码，自动监听所有连接的加载情况。
window.addEventListener('domLoaded'， e => { let links = document.querySelectorAll('a'); Array.from(links).forEach((link) => { link.onclick = () => { this.getLoadingTime(link.href); } })})