技术SEO：页面速度和搜索引擎优化Page Speed

什么是页面速度？

页面速度是加载网页所需的时间。页面的加载速度由几个不同的因素决定，包括站点的服务器、页面文件大小和图像压缩。

测量页面速度的方法有很多，以下是最常见的三种：

完全加载的页面：这是加载页面上 100% 资源所需的时间。这是确定页面加载速度的最直接方法。

第一个字节的时间：这测量页面开始加载过程所需的时间。

如果访问某个页面并盯着白色屏幕几秒钟，这就是 TTFB 在起作用。

第一次有意义的绘制/第一次上下文绘制：页面加载足够的资源以使用户能够阅读该页面上的内容所需的时间。

例如，假设您有一篇博客文章需要 10 秒才能完全加载。

这是一个很长的时间,如果你只看整个页面加载需要多长时间。

另一方面，关注“首次有意义的绘制”有时可以更好地代表用户在页面加载时实际与页面交互的方式。

例如，让我们再看一下需要 10 秒才能加载页面所有资源的页面。

尽管整个页面需要一段时间才能加载，但当用户第一次登陆该页面时，他们会在 1.5 秒后获得“第一次有意义的绘制”。

这意味着他们几乎可以立即开始与您的页面进行交互。所以对于用户来说，你的页面速度很快。

有很多不同的方法来测量页面速度。并且没有任何“正确”的指标可以击败所有其他指标。它们都有优点和缺点。

相反，应专注于提高您找到的所有指标的页面加载速度。

为什么页面速度对 SEO 很重要？

2010 年起 Google 就将页面速度作为排名因素。

2018 年，谷歌通过“速度”更新提高了页面速度的重要性。

总之：

加载缓慢的网站可能会损害您的 Google 排名。

问题：

Google 如何确定您网站的加载速度？他们是否会查看 100% 的页面加载需要多长时间？还是TTFB？

他们还没有对此发表任何官方声明。但考虑到他们在PageSpeed Insights 工具中报告所有这些指标，我知道他们可能使用不同页面速度测量的组合：

因此，以下是提高网站加载速度的方法。

最佳实践

压缩图像

我把这个放在第一位，因为这通常是最大的胜利。

毕竟，图像通常占据页面大小的 50-90%。

例如，从我网站上的页面查看此页面速度报告：

正如我们所看到的，86.2% 的页面大小是由图像决定的：
 

因此，您可以压缩图像的次数越多，页面的加载速度就越快。

WordPress 上运行，那么我强烈推荐一个名为WP Smush的插件：

它会自动压缩您上传到 WordPress 媒体库的任何图像。至少根据该插件的创建者的说法，这可以将图像文件大小减少 14.2%。

不使用 WordPress？仍然有很多图像压缩选项，例如：Cesium 和 Mass Image Compressor。

与过去不同，现在大多数压缩工具要么使用无损压缩，要么仅将图像质量降低到几乎无法察觉的程度。

清理并压缩网站代码

换句话说：缩小页面上的资源。

包括：

• 超文本标记语言
• CSS
• JavaScript
• 以及您页面上找到的任何其他代码

第一步：应该是清理页面上所有臃肿的代码。这些额外的代码可能来自您的网站上不再有的功能；

第二步：使用GZip 等程序压缩代码；

第三步：升级托管服务；

如果迫切的想提高网站的加载速度，那么可能是时候升级到高级主机或专用服务器。

第四步：浏览器缓存；

允许用户将页面的部分内容存储在他们的浏览器缓存中。

因此，当他们下次访问您的网站时，加载速度会更快。

但是，这不会帮助首次访问者更快地加载页面。但这对于提高以前访问过您网站的用户的加载速度非常有用。

您可以在 .htaccess 文件中设置浏览器缓存。或者使用 WordPress 插件。

第五步：使用 CDN 服务；

内容交付网络 ( CDN ) 是提高网站加载速度的最简单方法之一。

CDN 的工作原理是确定访问者的物理位置，然后选择用户周边的服务器提供站点资源。

使用多页面速度测试工具进行测试

现在您已经实施了这些步骤，是时候看看您的表现如何了。

我建议使用两种不同的工具来测试页面速度。

工具1：Google PageSpeed Insights

Google 的工具会扫描您页面的代码是否存在的问题。

他们最近添加了一项功能，可以报告您的网站加载给实际人类用户所需的时间（使用 Google Chrome 浏览器数据）。

例如，谷歌的工具建议我“以下一代格式提供图像”。

然而，大多数浏览器（包括 Safari 和 Firefox）不支持这些“下一代”格式，如：webp。因此，如果您切换到这些下一代格式，我们网站的用户体验将会下降。

也就是说：这个工具中有大量有用的见解。我建议尽可能多地实施。

工具2：WebPageTest.org

WebPageTest 的一个很酷的地方是它在实际的浏览器中加载您的页面。它可以让您了解页面上需要很长时间加载的特定部分。

工具3：Semrush

SEMrush是一款全面的在线营销竞争情报平台，可以追踪各个网站或域名的展示搜索关键词、付费搜索关键词、外链建设等状况。不管是想检测自己的网站还是竞争对手的网站状况，都可以轻轻松松搞定。