web前端性能测试在线工具:WebPageTest
该工具属于在线测试工具,直接输入网址就可以测试,适合pc端的网站进行测试
PageSpeed Insights with reporting
可以使用npm安装包,然后cli内调用的测试工具,可以直观的观察到页面加载了多少资源,每种资源的大小的多少,结果类似下面这样。但是个人观察这个资源应该是计算的未压缩的资源,如果你是用了gzip压缩可能就不那么准了。
CSS size | 156 kB
HTML size | 39.8 kB
Image size | 687 kB
JavaScript size | 397 kB
CSS resources | 6
Hosts | 3
JS resources | 9
Resources | 44
Static resources | 42
Total size of request bytes sent | 3.75 kB
工具发现来自:https://www.cnblogs.com/laichen/p/6876687.html
个人做测试后记录。