页面速度和SEO

什么是页面速度？

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

说：

“页面速度”并不像听起来那样简单。

那是因为有很多不同的方法来测量页面速度。以下是最常见的三个：

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

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

如果您曾经登陆过某个页面并凝视着白色屏幕几秒钟，那么这就是TTFB。

第一个受益人的绘画/第一个受益人绘画：页面花费足够的时间来加载足够的资源以使用户能够读取该页面上的内容所花费的时间。

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

这是很长的时间……如果您仅查看整个页面的加载需要多长时间。

同时，关注“第一有效的绘画”有时可以更好地表示用户在页面加载时实际与之交互的方式。

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

即使加载整个页面需要花费一些时间，但当用户首次登陆页面时，他们在1.5秒后仍会收到“第一个累积的画图”。

这意味着他们可以立即开始与您的页面进行互动。因此，对于用户而言，您的页面速度很快。

底线？

而且没有任何“正确”的标准能胜过其他所有标准。他们都有优点和缺点。

而是专注于提高找到的所有指标的页面加载速度。

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

自2010年以来，谷歌就一直将页面速度作为排名因素。

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

简而言之：

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

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

他们尚未对此发表任何正式声明。但是考虑到他们在他们的PageSpeed Insights工具中报告了所有这些指标，这告诉我他们可能会结合使用不同的页面速度测量。

这样，您就可以提高网站的加载速度。

最佳实践

压缩影像

我之所以把它放在第一位，是因为它通常是最大的胜利。

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

（和加载速度）

如您所见，页面大小的86.2％是由于图片引起的：

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

如何？

如果您的网站在WordPress上运行，那么我强烈建议您使用一个名为WP Smush的插件：

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

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

与当今不同，大多数压缩工具现在要么使用无损压缩，要么仅将图像质量降低到几乎不被注意到的程度。

清理并压缩您的代码

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

这包括：

• 的HTML
• 的CSS
• 的JavaScript
• 以及您页面上找到的所有其他代码

第一步应该是清除页面上所有any肿的代码。这些额外的代码可能来自您网站上不再具有的功能。还是来自劣质的开发人员的工作。

不管哪种方式：代码越干净，加载的速度就越快。

（是的，押韵🙂）

然后，使用GZip之类的程序压缩代码。

升级主机

这是一个提示，我没有看到足够多的人在谈论。

您可以整天清理代码并压缩图像。但是，如果您每月在主机上花费$ 4.99，则您的网站将无法快速加载。

那是因为您要与其他百万个网站共享一台服务器。

那里有一百万个网络主机。所以我不能特别推荐一个。

但我可以说这是一个一般规则：在托管方面，您将得到所要支付的费用。

因此，如果您真的想提高站点的加载速度，则可能是时候升级到高级主机或专用服务器了。

激活浏览器缓存

这使用户可以将页面的某些部分存储在其浏览器缓存中。

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

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

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

实施CDN

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

CDN的工作方式是确定访问者的实际位置……然后从附近的服务器提供站点资源。

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

现在，您已经实现了这些步骤，现在该看看您的工作情况了。

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

首先是Google PageSpeed Insights。

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

……机会。

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

这是超级有用的。

一句话警告：您有时会发现该工具的建议对您的网站没有意义。

例如，Google的工具建议我“以过渡格式投放图像”。

但是，大多数浏览器（包括Safari和Firefox）都不支持这些“重定向”格式。因此，如果您切换到这些转换格式，则站点的用户体验将不堪重负。

就是说：在这个工具中有很多有用的见解。

接下来，我们有WebPageTest.org。

WebPageTest的酷之处在于在于其中页面加载到实际的浏览器中。而且它可以让您了解需要花费足够的时间才能加载的页面的特定部分。