什么是页面速度?

页面速度(有时称为"加载速度")是衡量网页内容加载速度的指标。

但是,页面速度不是一个单一的指标。

页面分阶段加载。 因此,页面速度是几种不同测量的总称,例如:

  • 到第一个字节的时间(TTFB):页面开始加载需要多长时间

  • 第一满意油漆(FCP):用户需要多长时间才能看到页面的第一个元素(例如图像)

  • 第一输入延迟(FID):您的网站需要多长时间才能响应用户输入(例如,按钮单击)

  • 卸货时间:完全加载页面内容需要多长时间

有时用户一开始会看到一个空白页面。 然后一些元素加载。 最后,整个页面完成加载。

the process of how a page loads

页面速度指标测量这些事件中的每一个。 这些指标显示了页面加载的速度。谷歌的门槛.

继续阅读,了解为什么页面速度对搜索引擎优化很重要,以及如何改进它。

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

页面加载速度对搜索引擎优化很重要,因为它是一个确认排名因素在两个桌面上和移动.

谷歌已经明确表示非常慢的页面不太可能排名很好。

Google关心页面速度,因为慢速网站提供的用户体验(UX)很差。

the probability of users bouncing increases as page load time increases

用户更有可能反弹,反弹(离开页面)需要三秒钟以上的加载。

因此,Google建议页面满足"好"门槛供关键页面速度度量。

如何检查页面加载时间

这里有两个最好的工具来检查你的页面加载时间。 以及如何使用它们。

PageSpeed洞察

谷歌的PageSpeed洞察是一个免费的工具,衡量一个网页的性能。

使用PageSpeed见解:

以下是如何使用Google的PageSpeed洞察工具:

  1. 打开PageSpeed洞察

  2. 在搜索栏中输入页面URL

  3. 点击"分析,分析

url entered into pagespeed insights tool

之间切换"流动电话"和"桌面版"报告顶部的指标。

下面,您将看到对页面核心Web关键性能的总体评估:"通过"或"失败"。”

您还可以找到核心Web重要指标和其他页面速度指标的细分。 加上详细的页面速度诊断和提示。

core web vitals report highlighted with all six metrics和their scores for that page

Semrush现场审核

塞姆鲁什氏现场审核工具检查页面速度和web性能你所有的页面. 不只是一个页面(如PageSpeed洞察)。

网站审计执行超过140页和技术搜索引擎优化检查.

要检查您的页面速度,请打开该工具并输入您的域。 点击"开始审核.”

domain entered into site audit tool

配置审核设置,然后点击"开始现场审核.”

site audit settings pop up

要检查您的加载速度、性能问题等,请单击"查看详情"下"网站性能。”

site performance thematic report highlighted

要查看页面加载速度(以秒为单位),请检查"页面(HTML)加载速度"和"Avg"。 页(HTML)加载速度。”

page load speed和average page load speed modules highlighted

您还会看到"性能问题"列表。 首先"修复"错误",然后解决"警告"。”

site performance issues highlighted including page size, 重定向, page speed, uncompressed pages和files

8种方法来提高你的网页速度搜索引擎优化

当您通过页面速度工具运行页面或网站时,您会看到许多建议。 以下方法可以帮助您加快页面速度。

1. 选择正确的图像格式

选择正确的图像格式是优化页面速度的可靠方法。

不同的图像格式产生不同的文件大小。 某些格式比其他格式压缩更多。

常见格式包括:

  • JPEG格式:适用于现实生活中的图像(照片)

  • 巴布亚新几内亚:适用于需要更多细节的屏幕截图,设计,徽标或图像

  • Gif图片:加载速度较慢。 对于动画图像,请考虑将Gif转换为视频。

  • WebP的:比JPEG和PNG更轻(最多小三倍)。 但是,有些浏览器还不支持WebP。

2. 压缩您的图像

压缩图像以缩短加载时间。 大图像会减慢页面速度。 和影响SEO。

在不影响图像质量的情况下,尽可能减小图像文件大小。

您可以通过使用免费的图像调整大小来调整图像大小。

只需将您的图像上传到工具(例如图片大小),并选择您希望将图像大小缩小多少(例如,缩小50%)。

picture of corgi entered into tool with option to resize the picture smaller by 50%

优化图像进一步使用类似的工具[医]图像.

file dropped into image optim tool shows file size savings of 36%

总是这样做以前上传图片到您的网站。

3. 启用浏览器缓存

启用浏览器缓存允许网页数据临时存储在用户的浏览器中。

浏览器缓存意味着返回用户可以看到更快的加载时间。 因为需要加载的元素较少(例如,图像和CSS文件)。

对于WordPress网站,插件如W3总缓存 or 可湿性粉剂火箭可以启用浏览器缓存。

W3总缓存 homepage

4. 缩小JavaScript、CSS和HTML

缩小JavaScript,CSS和HTML可以减少文件大小,从而提高页面速度。

缩小删除不必要的代码元素(例如,换行符和空格),使计算机能够更快地读取代码。

例如,这里有一个未修改的CSS代码的示例:

身体{
字体:36px Arial,无衬线;
}
/*主容器 */
#容器{
颜色:白色;
背景:#ffbd17;
宽度:630px;
高度:160px;
显示:flex;
证明-内容:中心;
对齐-项目:中心;
}
/*内容 */
#内容{
背景:#333;
弹性:0010px;
}

下面是相同的CSS代码片段在缩小后的样子:

正文{字体:36px
Arial,sans-serif}#container{color:#fff;background:#ffbd17;width:630px;
height:160px;display:flex;justify-content:center;align-items:center}
#内容{背景:#333;flex:0010px}

你怎么知道你的代码是否需要缩小?

使用Semrush的现场审核工具,它用未修改的JavaScript和CSS标记页面.

要查找哪些页面需要缩小,请单击"问题"在您的网站审核报告中。 然后单击相关问题以获取受影响页面的完整列表。

unminified file issues highlighted

然后使用一个在线minifier工具或者像这样的WordPress插件可湿性粉剂火箭以缩小受影响的代码。

5. 使用内容传递网络

使用内容传送网络(CDN)减少了用户的页面加载时间。

CDN是分布在世界各地的服务器系统。

Cdn通过从更接近用户物理位置的服务器加载站点的缓存版本,使您的站点"更接近"用户。

例如,如果您将网站缓存在CDN上,则澳大利亚的用户将从本地服务器接收您的网站,而不是从洛杉矶的服务器接收。

这减少了加载时间。

without cdn shows connection time between server和user as 3 seconds. While the CDN acts as an intermediary between server和user, reducing the connection time to 1 second

CDN提供商包括云彩,云彩喷气背包.

6. 提高服务器响应时间

提高您的服务器响应时间以降低负载速度。

当用户请求页面时,浏览器会发出请求。 服务器接收请求并获取请求的文件。 服务器响应时间慢会导致页面加载速度慢。

server response time or ttfb is shown as the client sends a request to the server which sends a response back to the client

如何提高网站的服务器响应时间?

考虑将您的托管计划升级到更快的选项。 例如,虚拟专用服务器(VPS)比共享主机更快。

以下是您可以尝试的其他一些事情:

  • 优化服务器的应用程序逻辑和配置

  • 索引数据库表或升级数据库系统

  • 增加更多随机存取存储器(RAM)和处理能力

请咨询您的托管服务提供商或开发人员以获取实施这些步骤的帮助。

7. 减少重定向

减少开支重定向删除额外的加载步骤,提高页面速度。

当用户单击一个URL但自动发送到另一个URL时,就会发生重定向。 如博客文章的更新版本。

重定向对于SEO和用户体验非常有用。

将web流量从旧页面或过时页面重定向到相关的新页面可保留搜索性能。 并避免了断页和404错误响应。

但是,有时会发生重定向链(当页面多次重定向用户时)。

a redirect chain is url A redirecting to url B which 重定向 to url C

每个重定向都会为页面加载过程添加一个额外的步骤,这会减慢页面速度。 这意味着删除不必要的重定向可以提高您的页面速度。

使用Semrush的现场审核工具来查找不必要的重定向。

打开"问题"选项卡并在搜索栏中键入"重定向"。

您将看到与重定向相关的"错误"、"警告"和"通知"列表。 包括:

  • 重定向链和循环

  • 临时重定向

  • 永久重定向

redirect issues highlighted in site audit

查看所有已识别的重定向链、循环和不必要的重定向。 点击每期内的链接查看受影响页面的列表。

该报告将显示每个页面的重定向类型和重定向数量:

list of page urls with a temporary redirect including the initial redirect, final destination url,而status code

通过将原始URL直接重定向到最终URL来删除额外的重定向。

8. 减少HTTP请求

HTTP请求发生在web浏览器向网站服务器发送"请求"以获取更多信息时。

当用户访问页面时,服务器会收到来自浏览器的请求。 它使用包含文本,图像或多媒体的文件进行响应。 在请求完成之前,用户无法查看该文件。

如果文件不包括查看页面所需的所有信息,浏览器会发送另一个请求。 每个额外的请求都会减慢页面速度,并使用户等待更长时间才能看到整个页面。

减少或加快HTTP请求以提高页面速度。

要查看页面的HTTP请求数,请使用Google Chrome。 在Chrome中打开您的页面,右键单击页面上的任何位置,然后选择"检查.”

right click to inspect option highlighted

Chrome DevTools窗口将打开。 点击"网络"tab。

Navigate to network tab

重新加载页面以查看所有HTTP请求(包括对图像,插件,JavaScript或CSS文件的请求)。 以及文件大小和加载每个文件所需的时间。

data collected in network tab

您还会在左下角看到总请求计数。

number of total requests highlighted

减少HTTP请求的数量应该可以提高页面速度。

没有具体的数字来瞄准,但作为一个参考框架,http请求的中位数桌面为76,移动为70。

优化您的技术SEO

页面速度是技术SEO的关键部分。 它会影响搜索排名和用户体验。

要评估您网站的技术健康状况,包括页面速度,请使用Semrush的现场审核工具。 它提供了详细的分析,并建议了提高性能的步骤。

从今天开始优化您的网站与一个免费的网站审计。 并朝着更高的排名和更快乐的用户迈出第一步。

雷切尔 汉德利
Rachel是一名资深内容作家,在内容营销和SEO方面拥有12年以上的经验。她曾在代理机构工作,为各种品牌制定和执行内容战略,并在内部推动SaaS初创公司的有机增长。