什么是页面速度？
页面速度是加载网页所需的时间。页面的加载速度由几个不同的因素决定，包括站点的服务器、页面文件大小和图像压缩。
那是说：
“页面速度”并不像听起来那么简单。
这是因为测量页面速度的方法有很多。以下是最常见的三种：
Fully Loaded Page 完全加载的页面（FCP）：这是加载页面上 100% 资源所需的时间。这是确定页面加载速度的最直接方法。
Time to First Byte 第一个字节的时间（TTFB）：这测量页面开始加载过程所需的时间。
如果您曾经登陆过某个页面并盯着白色屏幕几秒钟，这就是 TTFB 在起作用。
First Meaningful Paint/First Contextual Paint 第一次有意义的绘制/第一次上下文绘制：页面加载足够的资源以使用户能够阅读该页面上的内容所需的时间。
例如，假设您有一篇博客文章需要 10 秒才能完全加载。
这是一个很长的时间……如果你只看整个页面加载需要多长时间。
另一方面，关注“首次有意义的绘制”有时可以更好地代表用户在页面加载时实际与页面交互的方式。
例如，让我们再看一下需要 10 秒才能加载页面所有资源的页面。
尽管整个页面需要一段时间才能加载，但当用户第一次登陆该页面时，他们会在 1.5 秒后获得“第一次有意义的绘制”。
这意味着他们几乎可以立即开始与您的页面进行交互。所以对于用户来说，你的页面速度很快。
为什么页面速度对 SEO 很重要？
自 2010 年起， Google 就将页面速度作为排名因素。
2018 年，谷歌通过“速度”更新提高了页面速度的重要性。
简而言之：
加载缓慢的网站可能会损害您的 Google 排名。
问题是：Google 如何确定您网站的加载速度？他们是否会查看 100% 的页面加载需要多长时间？还是TTFB？
他们还没有对此发表任何官方声明。但考虑到他们在PageSpeed Insights 工具中报告所有这些指标，我知道他们可能使用不同页面速度测量的组合：
因此，以下是提高网站加载速度的方法。
核心网络生命如何影响页面速度
Google 的 Core Web Vitals 是一组对页面用户体验进行评分的指标。Google 使用这三个指标来根据实际速度、网页交互性和视觉稳定性来了解加载速度：
- 最大内容绘制 (LCP)衡量加载主要内容所需的时间。应为 2.5 秒或更短。
- 首次输入延迟 (FID)衡量用户可以与页面交互所需的时间。它应该为 100 毫秒或更短。
- 累积布局转变 (CLS)衡量用户经历布局转变的频率。您的CLS 分数应为 0.1 或更低。
您需要了解 Core Web Vitals 才能优化页面速度。
您可以使用这些指标来衡量页面的速度。Google 将您网站的核心网络生命力分类为“良好”、“需要改进”或“较差”。
您可以在Google Search Console的 Core Web Vitals 报告中查看您的分数。
注意：谷歌表示，其页面速度更新只会对提供“最慢体验”的页面产生负面影响。但他们建议以“良好”阈值为目标，以获得最佳结果。一旦达到该阈值，您不一定会通过对页面速度进行几毫秒的微优化来获得巨大的收益。
总结一下：
优化性能较差的页面应该是您的首要任务。因为如果您不这样做，Google 可能会惩罚您的网站。
最重要的是：
不要将页面速度置于优质内容之前。因为相关性永远是第一位的。
加载“稍快一点”的页面不一定会超过其他较慢的页面。因为相关性和搜索意图更重要。
因此，您应该首先优先考虑创建满足用户需求的内容。
话虽如此，这些是Google评估页面核心网络生命力的阈值：
核心网络生命值是称为网络生命值的更大质量信号集的一部分。该列表不断发展并包括其他相关指标，例如 TTFB 和 FCP。
要了解更多信息，请阅读我们的 Core Web Vitals 指南以及如何改进它们。
提高页面速度的 5 种方法
压缩图像
图像通常会导致页面变慢。压缩图像是提高页面速度和 SEO 排名的最快解决方案之一。
如果您可以牺牲一点图像质量，则可能可以提高页面速度。
您的目标应该是在不影响质量或用户体验的情况下使图像尽可能小。
假设您要上传一张 1MB、尺寸为 3000 x 2500 像素的图像。
您可以使用免费的图像调整器（例如PicResize ）调整图像大小。
将您的图像上传到该工具。并选择您希望图像缩小多少（例如，缩小 50%）。
在不影响质量的情况下使图像尽可能小后，请使用ImageOptim等图像优化器进一步缩小图像。
只需通过该工具运行您的图像，它就会发挥其魔力。
在将图像上传到网站 之前，请务必执行此操作。
专业提示：如果您使用 WordPress 作为内容管理系统 (CMS)，请使用Smush等插件优化图像。它可以让您批量优化图像以节省时间。
选择正确的图像格式
不同类型的图像需要不同的图像文件格式。
有些格式比其他格式更轻，因为它们提供更高的压缩级别。为每个图像选择正确的格式以缩短页面的加载时间。
让我们分析一下最常见的格式以及如何使用它们：
- JPEG：适合现实世界的图像，例如照片
- PNG：适合屏幕截图、设计、徽标或具有更高细节级别的图像
- GIF：如果可能，请避免使用这种格式，因为它会减慢您的页面速度。如果您需要动画图像，请考虑将 GIF 转换为视频。
- WebP：这种文件类型变得越来越流行，因为它比 JPEG 和 PNG 轻得多（事实上，小了三倍。）在未来，它可能会成为标准。然而，并非所有浏览器都支持 WebP 图像。所以我们现在建议使用 JPEG 和 PNG。
专业提示：如果您使用 WordPress，EWWW Optimizer等插件会将您的图像转换为 WebP。如果用户使用不支持 WebP 文件的浏览器打开您的网站，该插件将显示 JPEG 或 PNG 版本的图像。
缩小 JavaScript、CSS 和 HTML
最小化 JavaScript、CSS 和 HTML 可以提高页面速度。
事实上，谷歌的 John Mueller 表示缩小“值得研究”，因为它可以减小文件大小。
首先删除代码中的换行符、空格或其他不影响用户体验的不必要元素。
换句话说：缩小页面上的资源。
这包括：
- 超文本标记语言
- CSS
- JavaScript
- 以及您页面上找到的任何其他代码
您的第一步应该是清理页面上所有臃肿的代码。这些额外的代码可能来自您的网站上不再有的功能。或者来自劣质的开发人员工作。
无论哪种方式：代码越干净，加载速度就越快。
您可以使用在线压缩工具来压缩文件。如果您拥有 WordPress 网站，像WP Rocket这样的插件可以帮助您缩小代码。
注意：某些工具结合 CSS 和 JavaScript 文件来提高性能（尽管如果您的站点使用 HTTP/2 或 HTTP/3 则没有必要）。
因此，如果您的网站使用 HTTP/1，则组合 CSS 和 JavaScript 文件仅对提高页面速度有帮助。
要检查您的网站使用哪种 HTTP 协议，请转到 Google Chrome，右键单击页面上的任意位置，然后点击“检查”。然后，转到“网络”选项卡。
检查“协议”栏。您将看到每个内部资源使用的协议。
如果他们使用“h2”或“h3”协议（HTTP/2 和 HTTP/3），则无需合并 CSS 和 JavaScript 文件。
旁注：看不到“协议”列？右键单击图表标签面板，然后选中“协议”。
升级托管
这是一个我没有看到足够多的人谈论的技巧。
您可以整天清理代码并压缩图像。但如果您每月花费 4.99 美元用于托管，您的网站将无法快速加载。
那是因为您与一百万个其他网站共享服务器。
那里有一百万个网络主机。所以我不能特别推荐一个。
但我可以说，作为一般规则：在托管方面，一分钱一分货。
因此，如果您真的想提高网站的加载速度，那么可能是时候升级到高级主机或专用服务器了。
启用浏览器缓存
这允许用户将页面的部分内容存储在他们的浏览器缓存中。
因此，当他们下次访问您的网站时，加载速度会更快。
不幸的是，这不会帮助首次访问者更快地加载页面。但这对于提高以前访问过您网站的用户的加载速度非常有用。
您可以在 .htaccess 文件中设置浏览器缓存。或者使用 WordPress 插件。要在 WordPress 网站上启用浏览器缓存，您可以使用W3 Total Cache或WP Rocket等插件。
实施 CDN
内容交付网络 ( CDN ) 是提高网站加载速度的最简单方法之一。
CDN 的工作原理是确定访问者的物理位置……然后从靠近他们的服务器提供站点资源。
使用多页面速度测试工具进行测试
现在您已经实施了这些步骤，是时候看看您的表现如何了。
我建议使用两种不同的工具来测试页面速度。
第一个是Google PageSpeed Insights。
Google 的工具会扫描您页面的代码是否存在问题……
……和机会。
他们最近添加了一项功能，可以报告您的网站加载给实际人类用户所需的时间（使用 Google Chrome 浏览器数据）。
这是超级有用的。
一句警告：您有时会发现该工具的建议对您的网站没有意义。
例如，谷歌的工具建议我“以下一代格式提供图像”。
然而，大多数浏览器（包括 Safari 和 Firefox）不支持这些“下一代”格式。因此，如果您切换到这些下一代格式，您网站的用户体验将会下降。
也就是说：这个工具中有大量有用的见解。我建议尽可能多地实施。
接下来，我们有WebPageTest.org。
WebPageTest 的一个很酷的地方是它在实际的浏览器中加载您的页面。它可以让您了解页面上需要很长时间加载的特定部分。
最后，请务必尝试网站检查器。
SEO 页面速度常见问题解答
网站速度如何影响 SEO？
网站速度影响搜索引擎优化，因为它是谷歌算法速度更新中宣布的排名因素之一。谷歌在其算法中使用网站速度来对高速网站和加载缓慢的网站进行排名。
SEO 的最佳页面速度是多少？
SEO 的良好页面速度是三秒或更短。快速加载的页面速度将有助于您的 SEO 工作，因为 Google 会奖励快速的网站而不是慢速的网站。在优化工作中还要牢记移动页面速度。
页面加载速度如何影响可见性？
页面加载速度直接影响网站的可见度。由于页面加载速度是 Google 的排名因素，因此如果速度缓慢，您的网站将不会获得太多
自然流量。缓慢的网站也会损害转化率、每次点击费用和搜索引擎优化。谷歌更喜欢快速的网站而不是慢速的网站，因此慢速的网站排名不会很好。
为什么页面加载速度对 SEO 很重要？
页面加载速度对于 SEO 很重要，因为它是 Google 算法的关键决定因素之一。缓慢的网站会让访问者望而却步。快速的网站可以为访问者提供良好的用户体验，并且 Google 会将这些网站的排名高于加载缓慢的网站。
