小便条:关于网站提速那些事以及其他无关

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

浏览器控制台

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

Lighthouse

是一个自动化网络审查工具,功能挺全,在开发者工具浏览器控制台里,也有网页版,以及另一个类似的(两个都需要科学上网)。基本上生成一个很详细的报告后,你就可以照着清单去改进了,我这里的截图以 Edge 浏览器控制台的 Lighthouse 为例。
比如,生成报告后,我们点击“查看原始跟踪”

这样就可以看到中间那一行的网站快照,可以预估出访客访问你网站时等待一点五秒后有了画面,这一点很重要,不管网站有没有加载完,相信你也没有耐心看着空白好几秒的屏幕。

其他链接

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

其他无关

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