Get best of the week

由Lighthouse 6（测试版）支持的新Google PageSpeed见解：检查您网站的性能

3月16日，谷歌浏览器发布了Lighthouse 6的beta版本。最终版本将成为新的PageSpeed Insights和Chrome浏览器开发人员控制台中测量的基础。详细信息和内部测试引擎。

哈Ha 我是Loading.express的Alexey。

在上一届Chrome开发者峰会上，他们宣布将在2020年1月之前发布PageSpeed Insights。

图片

收到通知后，我们便在服务器上部署了Lighthouse 6 beta版，并详细研究了创新之处。这里是主要的：

  • 三个新指标-TBT，LCP和CLS；
  • 更新设备以打开站点；
  • JS的新审核
  • 辅助功能部分中的新审核
  • PWA部分中的新审核项目。

在此处检查新的Lighthouse引擎：
lh6.loading.express

新的PageSpeed报告中的三个新指标（灯塔6）


TBT-总阻止时间。当访问者无法在网站上执行任何操作时，这是阻止输入的时间（以毫秒为单位）。正在加载。我们等。即使您尝试滑动，​​滚动，也可以单击-您将获得冻结或移动带来的干扰效果。

性能habr.com/ru/
Habr主页的TBT指标

被认为是快还是慢：

  • 0–300毫秒-绿色区域，快速；
  • 300-600毫秒-中等橙色区域；
  • 超过600毫秒-红色区域，缓慢。

LCP-最大的涂料。是时候在屏幕上呈现最大和最可见的内容了。网站访问者意识到网站已加载并且可以开始的那一刻。经过研究，该指标是由Google开发的。我们与Web性能工作组W3C进行了讨论，其中包括Airbnb Inc，Facebook，Mozilla Foundation，Intel Corporation等的代表。

什么是好是坏：

  • 0-2秒-绿色区域，快速；
  • 2-4秒-中等程度的橙色区域；
  • 超过4秒-红色区域，缓慢。

CLS-累积版式移位。此度量标准汇总页面加载期间发生的每个页面移位的得分。每个人都记得他访问页面的那一刻，您开始阅读，突然间所有内容消失在某个地方。这从上方加载了广告，并将所有内容下推。现在，Google考虑了这些变化，并且变化越大，得分越高。

从0到1的值。最多0.5是好的，接近​​1是不好的。

FID参数已从报告中删除。TBT和JS计量报告被部分接管。

新设备打开Moto G4网站



Google在您的网站上打开的设备的模仿效果与2013年的Nexus 5的屏幕相同。直到许多性能顾问被认为是模型设备之前，他们都感到困惑。因此，在2020年-一种新设备-Moto G4（模拟）从2016年开始。这就意味着，平均而言，全世界的人们都在更新访问站点的设备。

Lighthouse 6中的新审核


JS-现在，如果您的网站加载时执行了太多的javascript，则GPSI将分别报告它。

辅助功能- 新的审核项目涉及为视障人士以音频格式为文本阅读器显示站点元素。有意见认为语音助手也将使用此标记。字符

编码审核 -必须声明编码。

PWA可蒙版图标审核 -一种审核，将检查是否存在蒙版的矢量图标。如果没有，他将建议制作矢量格式。

关于新的装载站点速度审核的结论Lighthouse 6


PageSpeed Insights的最新更新于2018年11月。然后许多站点落入红色区域，因为在更新PageSpeed之前并未测量站点的加载速度，而是提出了优化可能影响加载速度的各种参数的建议。

那些错过该更新的人仍然会误会，并向所有人保证GPSI不会衡量加载站点的速度。

借助新的Lighthouse 6，速度测量对于开发人员和网站所有者将变得更加容易理解。

快速的网站和高转换率。

More articles:


All Articles