如何提高您的 Google PageSpeed Insights 得分
已发表: 2021-09-17谷歌有一个复杂的算法，在对网页进行索引和排名之前会考虑很多因素。 这些排名因素之一是页面速度。
加载速度更快的优化页面在 Google 搜索结果中表现更好。
这就是为什么网站管理员花费大量时间关注页面速度......为什么他们不呢？
您的页面速度对于提供更好的用户体验和提高 SERP 排名至关重要。
即使你有很棒的内容，如果你不能让你的页面加载得更快，人们也会忽略它。 如果您的网站需要很长时间才能加载，那么撰写获奖文章是没有意义的。 您的受众如何与您的网站互动取决于您的页面速度。
慢速网站通常具有较高的跳出率，这直接影响他们的排名，更不用说他们的业务了。 如果您想提高转化率并针对搜索引擎优化您的网站，页面速度至关重要。
在当今互联网时代，人类的注意力从 12 秒缩短到 8 秒。 用户不喜欢等待太久才能找到搜索查询的答案。
谷歌总是把用户体验放在首位。 因此，如果您无法提供更好的用户体验，您可能不会看到任何自然流量。
为了帮助网站管理员分析和改进他们的网站性能，Google 推出了 Google PageSpeed Insights 工具。
Google PageSpeed Insight 将帮助您分析您的网页并提供相应的建议，以加快您的网页加载速度。
它显示了有关您的网站在桌面和移动设备上的运行情况以及您可以进行哪些更改以提供更好的用户体验的报告。
我们将更多地讨论这个工具，但首先，让我们了解什么是页面速度。
什么是页面速度
页面速度是指加载网页内容所需的时间。 决定网站页面速度的因素有很多，包括网站架构、后端脚本、服务器速度、服务器响应时间、整体页面大小以及网页中的图像数量。
但这些只是与页面速度相关的几个元素。 如果您使用任何页面速度分析工具，您将看到影响网站页面速度的所有其他组件。
很多人经常将术语“页面速度”与“站点速度”混淆。
网站速度是从您网站的页面访问的随机样本中测量的。 而有多个指标来衡量页面速度。
在这里，我们列出了衡量页面速度的最常用指标。
- 页面加载时间：这是完全呈现和加载 100% 网页内容所需的时间。 它用于确定页面在移动设备和桌面设备上完全加载的速度。
- 第一个字节的时间 (TTFB)：这是在提交请求后，服务器将数据的第一个字节传输到浏览器以及浏览器显示该数据所花费的时间。
- First Contentful Paint (FCP)：这是浏览器在用户导航到您的页面后呈现第一段 DOM 内容所需的时间。
优化页面速度可能有点棘手，因为有多个指标会影响网页的加载时间。
为了帮助您评估和提高页面速度，您可以使用Google PageSpeed Insight ，因为它直接合并了来自 CrUX（Chrome 用户体验报告）的数据。
为什么提高页面速度很重要
谷歌多次表示页面速度是许多重要的排名信号。 它的算法使用来自 Google lighthouse 的页面速度数据和 chrome 用户体验报告 (CrUX) 对网页进行排名。
加快您的网站速度至关重要，因为它将帮助您增加自然搜索流量并提高排名。 但最重要的是，它将改善您网站的用户体验。 如果您正在为您的网站进行 SEO，页面速度是不容忽视的。
提高页面速度并改善加载时间会非常有益，因为它会：
- 提高您网站的排名
- 提高您的内容知名度
- 为您的网站带来自然流量
- 降低跳出率
- 提高您的转化率
- 提供更好的用户体验
- 产生更多收入
- 为您的网站带来优质流量
如果您的网站需要很长时间才能加载，您不仅会损失收入，还会失去信誉。
运行缓慢的网站就像西西弗斯的诅咒。 较慢的网页就像一块大石头，您必须将其带到山顶。
背着额外的重量重复攀登“内容之山”是没有意义的。
谷歌 PageSpeed 见解
如果您熟悉 SEO，您可能听说过 Google PageSpeed Insight。 它是 Google 提供的免费工具，可让网站所有者测试其网站的性能。
您可以输入任何 URL 以查看该网站的加载速度。 然后，Google 会根据几个页面性能指标和页面速度指标为您测试的 URL 打 100 分。
Google PageSpeed Insight 将向您展示您的网站可能需要改进和优化的领域。
它还将帮助您提供建议和步骤，以提高您网站的性能。
Google PageSpeed Insight 使用来自Lighthouse的数据，这是一种用于提高网页整体质量的自动化技术。
您可以使用 Google Lighthouse 评估性能、可访问性、渐进式 Web 应用程序和其他特征。
完善 Google PageSpeed 分数
虽然内容创建者忙于完善他们的 Google PageSpeed Insights 分数，但他们往往忽略了最重要的部分……优化页面。
您使用 Google PageSpeed Insights 报告的主要目的应该是遵循建议而不是沉迷于数字。
不要在数字游戏中上风。 而是专注于提高整体网站的性能并提供更好的用户体验。 这些指标有时无法反映您网站的实时表现。
话虽如此，您绝对应该尽可能地改善网站的加载时间。 您不必为 100/100 的页面速度得分而努力。
当您处理建议时，您最终会看到分数的变化。
有多个平台可用于检查您网站的页面速度。
GTmetrics 是另一个很棒的工具，可让您从不同位置分析页面速度。 它结合了 Google PageSpeed Insights 和 Yslow 的结果，为您提供更广泛的报告。 还有其他页面速度检查工具，例如 Pingdom，可以显示您的网页需要改进的所有区域。
这些工具中的每一个都使用不同的指标，您可能会在这些平台上看到不同的结果。 这表明这些数字可能有多么不一致。
您的网站访问者不关心您的 Google PageSpeed Insights 得分，也不关心您如何优化您的网站。 他们想要一个更快的网页和好的内容。
因此，您应该使用这些建议来提高页面速度并提供更好的用户体验，而不是查看这些数字。
使用 Google PageSpeed Insights 的目的不是为了获得高分。 相反，它是关于确定您的网站可以改进的问题和领域。
您可以找出需要改进的地方和需要优化的元素，以减少实际和感知的加载时间。
如何提高 Google PageSpeed Insights 得分
除了您网站的用户体验和内容外，您网站的运行方式对 Google 来说也非常重要。
由于谷歌为网站所有者创建了一个单独的工具来分析他们网站的页面速度并识别所有减慢他们网站的元素，很明显谷歌希望你的网站更快。 因此，您的 PageSpeed 洞察力得分可能会影响您的 SERP 排名是可以理解的。
但这并不意味着您的网站需要获得满分才能在搜索结果中排名靠前。 谷歌不只是考虑该圈内的分数。 这不仅仅是一个任意数字。
在 2021 年 5 月 Core Web Vitals 算法更新后，谷歌宣布将页面体验信号纳入谷歌搜索排名。 自从谷歌公开宣布页面速度是一个重要的排名因素以来，已经有十多年了。
但现在谷歌也将研究用户如何与网页交互。 这意味着他们会在对网页进行排名时考虑您的首字节时间 (TTFB)、首次内容绘制 (FCP)、在页面上花费的时间、跳出率和其他一些指标。
虽然这些数字可以让您深入了解您的网站的表现，但有时它并不能捕捉到整个画面。
因此，与其专注于完善您的 Google PageSpeed Insight 分数，不如专注于提高整体 SEO 以及如何加快网页速度。
在这里，我们将分享一些建议，帮助您识别填充网页的元素，以及您可以采取哪些措施来减少网页的加载时间。
1.避免多页重定向
当您将页面指向另一个 URL 或删除已编入索引的网页时，就会发生重定向。 当您使用优化不佳且对不同设备没有响应的主题时，也可能会发生多个页面重定向。
点击后登陆页面重定向可能会让用户感到非常沮丧，并且会减慢您的页面速度。
我们使用的是响应式主题，我们的移动用户不必经历多次点击后登录页面重定向。
让我们看一下点击后登录页面重定向如何影响您的页面速度：
- example.com – 该网站使用响应式网页设计，因此不需要重定向，因此它是最佳和最快的选择。
- example.com → m.example.com/home - 此页面为移动用户经历了多次重定向。 因此，它的加载时间相对较慢。
- example.com → www.example.com → m.example.com – 移动体验非常慢。
有时重定向可能很有用并且没有任何问题，但它们可能会导致您的加载时间严重延迟。
尽量避免许多重定向并使用响应式主题，该主题可以根据屏幕大小和分辨率平滑调整其布局。
2.优化图片以提高页面速度
图像优化是页面搜索引擎优化的关键组成部分。 为照片使用正确的图像文件名和 alt 标记是不够的； 它们也需要被压缩。 图片可能会对页面性能产生重大影响，从而降低您的网站速度。
谷歌已经警告网站管理员图像大小如何影响页面速度。 图片可以使您的网页更重，这使得加载时间更长。 但是，拥有优化的图像会减小网站的大小，使其加载速度更快。
您需要格式、尺寸、大小和分辨率正确的高质量照片，同时将文件大小降至最低。
您的网页大小会直接影响加载时间和 Google PageSpeed Insights 得分，并最终影响您的 SERP 排名。
由于图像和其他图形元素占整个页面大小的 50-80%，使用正确的格式压缩图像可以帮助您大大减少加载时间，从而提供更好的用户体验。
3.启用Gzip压缩
如今的浏览器能够呈现网页的优化和压缩版本。 无需加载整个网页，您可以使用 GZIP 压缩将您的页面缩小至 90% 并提供页面的优化版本。
现在几乎所有的 Web 服务器和浏览器都使用 GZIP 压缩来压缩和解压缩在 Internet 上来回传输的网页。
这种文件压缩方法最常用于文本和代码，它可以将 JavaScript、CSS 和 HTML 文件压缩高达 90%。 浏览器可以请求在很短的时间内加载的压缩版本，而不是将整个页面交付给用户。
4. 缩小 CSS、HTML、JavaScript
有时由于糟糕的编码和优化，我们的网站会陷入后端不必要的代码行。 由于浏览器必须处理所有这些代码行，这些不必要的代码会减慢您的页面速度。
“缩小”代码是指在不影响您网站的前端以及浏览器如何处理页面的情况下删除不必要或冗余的数据。 有时您不需要额外的代码行来正确运行您的网站。 通过删除这些不必要的字符、空格和重复，您的页面加载速度更快。
谷歌更喜欢网站管理员保持他们的代码优化并缩小他们网站后端的代码。 您可以使用 Google 的 AMP 框架来缩小后端文件并获得 HTML、CSS 和 JavaScript 的精简版本。 这将帮助您在几分之一秒内加载您的网页。
有一些简单的方法可以在不具备任何编码技能的情况下缩小 CSS、HTML 和 JavaScript 代码。
如果您是 WordPress 开发人员，您可以使用像 wp-rocket 这样的缓存插件来缩小代码。
5. 为您的网站启用浏览器缓存
在为用户完全加载页面之前，服务器和浏览器之间可能需要多次请求。 这可能不是向用户提供内容的最有效方式，因为这可能需要一些时间。
这就是浏览器缓存发挥作用的地方。 浏览器缓存允许 Web 浏览器快速向用户提供网站的静态版本，而不是在每次有人点击时动态地提供网页内容。 缓存所做的是让浏览器“记住”最近加载的某些元素——标题、导航、徽标等。
浏览器可以缓存的项目越多，当用户请求任何内容时它必须加载的元素就越少，页面出现的速度就越快。
与没有缓存的网站相比，提供网页的静态版本所需的时间相对较短。 这可以大大提高您的 PageSpeed Insights 分数。