优化网站速度每当您着手提高网站的加载性能时,请始终从审核开始。审计有两个重要的功能:它为您创建一个基线来衡量后续的变化。它为您提供有关哪些更改将产生最大影响的可操作提示。本文使用以下Web应用程序作为示例。https://glitch.com/edit/#!/tony单击Tony,然后单击remixthis以获取具有随机生成名称的项目:单击显示按钮打开一个新选项卡。按F12打开Chrome开发者工具,切换到Lighthouse选项卡:建立基线,只选中Performance和Mobile的复选框:点击生成报告,审计工作将开始:确保以隐身模式生成报告以避免Chrome扩展程序的干扰。一段时间后,审核报告生成:报告顶部的数字是网站的整体性能得分。稍后,当您更改代码时,您应该会看到这个数字上升。更高的分数意味着更好的性能。指标部分提供站点性能的定量测量。每个指标都提供了对性能不同方面的洞察。例如,FirstContentfulPaint告诉您什么时候内容第一次被绘制到屏幕上,这是用户感知页面加载方式的一个重要里程碑,而TimeToInteractive标记页面似乎准备好处理用户交互的时间点。对于每个选项,您可以点击了解更多深入研究:Passedaudits包含Web应用程序已通过的审计项:在Diagnostics栏目下,有应用程序可以改进的地方:Jerry的更多原创文章在:“王子熙”:
