在考虑页面速度时,首屏展现平均值 (SI,全称Speed Index) 是一个有趣的指标。它绝对是您页面性能的指标,但它与其他以用户为中心的指标(例如PageSpeed Insights。这个工具也是它返回的结果中最特别的工具之一。即使是最完善的站点,它也相对挑剔。PageSpeed Insights最常根据过去28天收集的汇总数据为您的网站提供实验室数据。但是,如果您有足够多的访问者通过Chrome将信息转发回Google,您也可以从报告中获取真实的实测数据。不过,并不是每个网站都能得到这个。
如您所见,其中许多指标的速度都是绿色的。这表明它们是“好”的。这显然是您想要您的网站的地方。但是,首屏展现平均值为4.0秒和橙色。用户需要等待很长时间才能看到首屏的所有内容。
什么首屏展现平均值分数才算优秀?
PageSpeed Insights使用以下分数对您网站的首屏展现平均值进行排名并相应地对其进行颜色编码:
- 绿色(良好)——0 到 3.4 秒
- 橙色(中等)——3.4 到 5.8 秒
- 红色(慢) – 超过 5.8 秒
正如我们之前所说,PageSpeed Insights在其测量中非常重要。如果您处于橙色或红色状态,则可能需要使用诸如GTmetrix或Pingdom的Chrome开发工具在您的网站加载时查看您的网站,该工具将指出是什么阻止了元素的渲染。
此外,WordPress用户可以使用W3 Total Cache或GTmetrix所说:
一般来说,页面的JavaScript越多,解析/编译过程就越长;导致用户查看内容和与您的页面交互的等待时间更长。
我们认识到这可能并不容易。您已将网站设计为以某种方式运行。但是,您可能会第三方JavaScript。此外,极简化JavaScript。
在JS审计之上,确保极简化你的CSS和HTML。这将减轻更多的主线程压力。缓存和优化插件通常也有这些选项。
首屏展现平均值常见问题
首屏展现平均值是一个具有复杂影响的简单概念。我们想回答一些关于SI的常见问题,以帮助您尽可能优化您的网站。
SI如何影响网站整体性能?
首屏展现平均值作为一个单一的指标,可以很好地表明您的网站在许多不同领域的表现。由于它考虑了完全可见的首屏内容,因此您不仅可以将其用作衡量用户感知负载的指标,还可以粗略估计您的网站在许多不同区域的表现。
它实际上并没有为您提供很多关于您的网站正在做什么的信息。它可以被视为一个包罗万象的指标,正如GTmetrix所说,它是“一个有用的整体基准,用于评估您网站的整体性能。”
需过分关注SI分数吗?
虽然对您的网站进行基准测试非常有用,但关注其他更精细的问题,例如首次内容绘制 ( FCP )、最大内容绘制 ( LCP )、首字节时间 ( TTFB ) 和首次输入延迟 ( FID )更重要。您可以采取任意数量的步骤来单独改进这些步骤,从而提高您的首屏展现平均值。当作为整体基准时,您可以看到您的优化通过 SI 的效果如何。
小结
页面速度优化是网站所有者永无止境的战斗。您必须在可用性、体验和性能之间取得平衡,找到这种平衡可能很困难。当测试在如此多的不同元素上返回如此多的不同分数时,可能很难知道将精力和资源放在哪里。首屏展现平均值可以帮助解决这个问题,作为一个单一的指标,可以显示您的网站在您调整网站性能的其他更具体部分时的表现。