页面加载速度如何影响网站可见性和提高它的技巧

您是否只关注搜索引擎优化 (SEO) 策略的“有形”方面，例如关键字和页面设计？ 你的页面加载时间怎么样？ 你知道谷歌认为网站加载速度是一个重要的排名因素吗？

加载速度慢会以多种方式影响您的业务。 其中最重要的两个是您的排名和转化能力。 当您网站服务器的响应时间低于两秒时， Google会减少访问您网站的抓取工具数量。

在此基础上，让我们更深入地研究页面加载速度如何影响不同的站点参数。

页面加载速度影响可见度的 5 种方式

1.影响用户体验

今天，用户不会接受网站性能不佳的任何借口。 他们对网站的加载速度非常挑剔。

如果事实可信，47% 的用户希望页面在两秒内加载完毕。 同时，报告显示，如果加载时间超过三秒，75% 的访问者跳出（离开页面）。

这告诉我们，页面加载时间的每一秒延迟都会导致客户大量流失。

Think With Google 的一项调查显示，跳出率（仅进入一个页面后离开网站的访问者的百分比）随着页面加载时间的增加而增加。 增加的跳出率还会影响整体用户参与度和交互指标。

2.它对在线可见性和搜索引擎优化有直接影响

2018 年，移动设备占网站总流量的 53% 以上。 同年，谷歌正式将移动页面速度作为排名因素。 从那时起，页面加载速度变得更加重要。

几年前，当谷歌宣布专注于移动优先索引时，企业别无选择，只能针对移动设备优化其网站。 移动性能不佳的网站已经在搜索引擎结果页面 (SERP) 中排名下降。

简而言之，如果您的移动页面速度不达标，您几乎不可能获得更高的排名。

3.它导致销售和转化率下降或上升

您知道页面加载时间延迟一秒会使转化率降低 7% 吗？

如果您的网站受到低性能的困扰，就没有办法解决它——您将损失大量的销售额。 由于网站速度低而导致的跳出率增加已经赶走了大量潜在客户，并最大限度地减少了您转换访问者的机会。

亚马逊调查了页面加载速度对其销售的影响。 它确定，如果网站的加载时间增加一秒，公司每年可能会损失 16 亿美元的收入。 来自Search Engine Journal的数据还报告说， 70% 的消费者认为网站速度对他们的购买决定有重大影响。

因此，通过优化您的网站速度，您可以期待排名、转化率以及最终销售额的可观增长。

4. 危及客户忠诚度

让我们重新考虑上面强调的几点：缓慢的页面加载速度会赶走消费者并导致较低的转化率。

除此之外，客户不太可能重新访问提供糟糕用户体验 (UX) 的网站。 因此，网站速度慢也会影响客户忠诚度。

事实上， HubSpot表示，80% 对网站低性能不满意的客户不会再从该网站购买，这证明加载缓慢的页面会显着减少您的重复订单。 对于电子商务网站来说，缓慢的页面是一个特别严重的损失，其收入在很大程度上取决于重复销售。

此外， Akamai的研究揭示了企业的另一个重要担忧：40% 的不满意访客与他们的联系人分享了他们的负面体验。 这种负面的社会证明可能会影响整体转化率和客户忠诚度。

5.影响网站的自然流量

网站速度低只会导致 SERP 的排名较低。 这也意味着您网站的自然流量会减少。 您是否知道 Google 上的前五名排名占有机点击总数的 67.6% ？

如果您的加载不理想，您已经失去了大量的自然流量。 同时，如果未优化移动页面速度，您将失去移动流量，而移动流量可能占您潜在客户的 50%。

理想的页面加载速度是多少？

自 2015 年推出 Mobilegeddon 更新以来，企业一直将注意力转向页面加载时间。 他们还在移动友好性和移动页面速度方面投入了更多的时间和精力。

但问题是：理想的页面加载速度是多少，或者多快才足够快？

根据谷歌的说法，桌面和移动设备的推荐页面加载时间都少于三秒。 然而，移动设备上所有网站的平均页面加载时间目前为 22 秒。 Screaming Frog 调查了 20,000 个 URL ，以检查它们是否通过了 Google 的 PageSpeed 评估。 它发现只有 12% 的移动和 13% 的桌面结果通过了测试。

您还必须考虑到用户期望电子商务网站的加载时间更快。 Google 的Maile Ohye 在Google 网站管理员视频中谈到了电子商务页面加载速度。 她说，“两秒钟是电子商务网站可接受的门槛。 在谷歌，我们的目标是不到半秒。”

现在，半秒似乎不现实。 但是，如果您是电子商务网站所有者，则页面加载速度的目标必须是最多不超过三秒。 该基准测试适用于移动和网络设备。

最新更新：Core Web Vitals

谷歌希望在用户体验方面不遗余力。 这就是为什么它最近将Core Web Vitals 作为一个重要的排名因素。

这些 Core Web Vitals 与其他重要的 UX 信号相协调，现在会影响排名。 其中一项指标称为 Largest Contentful Paint (LCP)，与页面加载速度有关。

LCP 是指在页面上呈现最大内容元素所花费的时间。 这可以是图像、视频或任何其他元素。

根据 Google 的说法，页面上理想的 Largest Contentful Paint 小于或等于 2.5 秒。 2.5 到 4 秒之间的任何时间都需要改进，超过这个时间的任何时间都被认为是差的。

提高页面加载速度的技术技巧

使用内容交付网络

减少网站加载时间的最佳做法之一是使用内容分发网络 (CDN)。 CDN 可以帮助您将站点加载时间从20% 减少到 51% 。

在传统设置中，您将整个网站托管在一台服务器上。 该服务器处理站点用户的所有请求。 现在，当您的站点访问量很大时，请求的数量会显着增加。 这会增加服务器的负载。 结果，请求处理时间增加，从而延迟了页面加载时间。

此外，当用户距离服务器位置越远时，他们的页面加载时间就越长。 这是因为数据必须传输更远的距离，从而增加了加载时间。

CDN 可以解决这些挑战。 CDN 通过在全球服务器网络上托管您的网站来工作。 所以现在，当用户发送请求时，数据将从距离他们所在位置最近的服务器路由。

此外，由于您的文件缓存在多个服务器上，这可以节省高达 60% 的带宽。 现在，单个服务器不必处理所有请求。

减少 HTTP 请求的数量

当用户请求页面时，会为每个页面组件发送一个 HTTP 请求。 雅虎报告说，网络服务器使用 80% 的页面加载时间来下载这些组件。 这些包括您的页面图像、脚本、媒体、样式表等。因此，如果有大量页面组件，页面呈现时间会增加。

那么，如何检查页面组件的数量以及加载每个组件所花费的时间呢？

Chrome 用户可以按照以下步骤操作：

注意：使用 Chrome 浏览器的开发者工具检查 HTTP 请求数。

• 右键单击您的页面，按照“检查”选项卡进行操作。
• 单击“网络”选项卡，拖动左边框后您将找到该选项卡。
• 在这里，“名称”列显示所有页面上的组件。
• “大小”列列出了每个相关组件的大小。
• 您还可以通过“时间”栏查看每次加载所花费的时间。
• 请求总数显示在左下角。

您现在可以检查无用的元素以及它们加载所需的时间。

您还需要减少 HTTP 请求的数量。 一种方法是缩小和合并网页文件。 在下一点中找出方法。

缩小和组合 HTML、CSS 和 JavaScript

您的 HTML、CSS 和 JavaScript 文件构成了您网站的外观和功能。 这些文件构成了 HTTP 请求的重要部分。 因此，当您希望减少 HTTP 请求的数量时，您需要缩小页面文件。

缩小 HTML、CSS 和 JavaScript 文件可显着减小它们的大小。 此过程可以更快地加载这些文件。 此外，代码中有额外的空格、缩进和格式，使页面变得沉重。

缩小页面可以帮助您删除所有这些不必要的元素并使页面更精简。

当您拥有基于模板的网站时，它变得更加重要。 基于模板的网站更容易开发，但它们会提供混乱的代码片段，从而降低网站性能。

缩小是解决这些问题并减小代码文件大小的正确方法。 除了缩小之外，您还需要合并这些文件以减少文件总数。 所以，如果你有多个 CSS 和 JavaScript 文件，你可以将它们组合成一个文件。 如果 WordPress 为您的网站提供支持，您可以使用 WP Minify 插件或 WP Rocket 插件。

所有这些工具将帮助您轻松地缩小和组合 HTML、CSS 和 JavaScript 文件。

不要忘记为浏览器缓存添加过期标头

浏览器可以缓存页面文件的很大一部分。 这些包括您的图像、JavaScript 文件、动态元素等。

通过启用浏览器缓存，您允许浏览器将页面存储在缓存内存中。 因此，当您重新访问此页面时，它会从缓存中加载，而不会发送 HTTP 请求。

为您的站点利用浏览器缓存的一种方法是添加“expires”标头。

“expires”标头告诉网络浏览器从缓存中加载页面。 因此，“过期”标头仅适用于以前访问过您网站的用户。 他们还必须将您的页面存储在他们的缓存中。

当此用户重新访问您的站点时，“过期”标头会指示浏览器加载页面的缓存版本。

现在，由于许多页面组件已经在缓存内存中，它们加载速度更快。 并且浏览器只请求几个页面组件，导致页面加载时间减少。

浏览器缓存减少了 HTTP 请求的数量，从而进一步提高了页面加载速度。

使用异步加载

您可以通过选择 CSS 和 JavaScript 文件的加载方式来提高页面加载速度。 CSS 和 JavaScript 文件同步加载和异步加载，您可以决定如何将它们加载到您的网页上。

顾名思义，当脚本同步加载时，它们会一个接一个地加载。 每个脚本根据其在页面上的位置遵循加载顺序。 另一方面，异步加载时，多个脚本可以同时加载。

当您的浏览器加载页面时，它遵循从上到下的加载模式。

例如：

• 如果浏览器遇到同步 CSS 或 JavaScript 文件，它将在进一步移动之前完全加载该文件。 此命令会减慢加载过程。
• 同时，如果遇到异步文件，它会同时开始加载另一个元素。 因此，它不必等待元素完成加载才能进一步移动。

这告诉我们您必须选择异步加载 CSS 和 JavaScript 文件以实现更快的加载时间。 如果您有一个 WordPress 站点，WP Rocket 将帮助您启用异步加载。

使用 WP Smush 压缩您的站点图像

图像优化或压缩对于减少页面加载时间至关重要。 通常，图像文件很大，它们会延迟页面加载时间。 但是，您不能限制图像的使用或消除它们。 图片对于网站的用户体验至关重要，尤其是对于电子商务网站而言。 根据一项调查，66% 的消费者在购买产品之前需要至少三张产品图片。

为 WordPress 网站压缩站点图像的一种简单方法是使用WP Smush插件。 该插件在后台工作，在上传图像时压缩图像。 结果是在不影响质量的情况下缩小了图像尺寸。

在页面加载时延迟 JavaScript 文件

延迟 JavaSscript 文件是降低网站跳出率的好方法。 这是在加载其他页面元素之前降低 JavaScript 文件加载优先级的过程。 JavaScript 文件通常很大，而且它们可能需要更多的加载时间。 通过延迟它们，您可以让其他页面元素更快地加载而不会出现任何延迟。

WordPress 站点所有者可以使用WP Rocket 插件简单地启用延迟。 您只需要勾选“延迟加载 JS 文件”并保存更改。

对于 HTML 站点，在 </body> 标记上方调用外部 JavaScript 文件。

所以你有它！ 为您的网站实施这些技巧，以提高您的页面速度并提高您在搜索引擎中的可见度。