因为绞尽脑汁感觉已经没有什么可以写的了，所以只好列一些清单来给想提速的人一点启发，所以看起来肯定不像教程文章。

浏览器控制台

f12 打开你的控制台，然后看我的截图。浏览器控制台是最好的测速方式，当然测试结果也只符合你个人或你所在地区。不管怎么说，测试过程中也可以发现一些问题（通病）。

Lighthouse

是一个自动化网络审查工具，功能挺全，在开发者工具浏览器控制台里，也有网页版，以及另一个类似的（两个都需要科学上网）。基本上生成一个很详细的报告后，你就可以照着清单去改进了，我这里的截图以 Edge 浏览器控制台的 Lighthouse 为例。 比如，生成报告后，我们点击「查看原始跟踪」 这样就可以看到中间那一行的网站快照，可以预估出访客访问你网站时等待一点五秒后有了画面，这一点很重要，不管网站有没有加载完，相信你也没有耐心看着空白好几秒的屏幕。

其他链接

  • vectorizer——图片矢量化
  • 前端开发清单——是一份在站点/HTML页面发布到生产环境之前需要测试的所有元素的详尽列表。

其他无关

我的小纸条地址是https://www.1inn.top/box.html