前端的性能测试

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

个人做测试后记录。