如何提高页面加载速度以最大化结果

你听过兔子和乌龟的故事吗？ 你知道吗，慢乌龟在赛跑中战胜了傲慢、敏捷的兔子？ 好吧，这是一个谎言。 放慢脚步永远不会让任何人快速到达任何地方。 这只是常识和良好的业务。

好的，你有我们。 你可以从一些事情上慢慢来获得好处，比如进食、衰老和带着剑走下陡峭的楼梯。 但是当涉及到 SEO 时，没有什么比缓慢更糟糕的了。

所以做好准备，因为这将是通往更高排名的高速旅程。

为什么拥有一个快速的网站很重要？

您是愿意等待超过两天的时间才能收到包裹、发送蜗牛邮件而不是短信，还是指指点点地等待网站加载？ 没有一个头脑正常的人会愿意这样做。 谁有时间？ 当然不是你的潜在客户。

更快的加载页面可以提高您网站的性能，提高 Google PageSpeed Insights 和 GTmetrix 分数，并在搜索结果中排名更好。

但页面速度究竟对 SEO 有多大影响？ 缓慢的加载页面速度可能导致：

• 转化次数减少 7%。
• 页面浏览量减少 11%。
• 客户满意度下降 16%。

每一秒，这些数字都变得越来越骇人听闻：

• 仅两秒的延迟后，跳出率就会大幅增加 103% 。
• 53% 的人会放弃加载时间超过三秒的网站。
• 由于网站的加载速度， 79% 不满意的购物者不太可能再次购买。

如何查看我的页面加载速度？

几个在线基准测试工具测量页面加载速度。 他们还可以向您展示您的站点有多大和资源密集程度，并提出改进建议。 最重要的是，您可以免费使用它们。

• Google PageSpeed Insights 对桌面和移动设备进行单独测试，将加载时间区分为不同的阶段。
  
• GTmetrix 给出了大小、页面加载时间和资源分配的概览，就像 YSlow 一样。
  
• Pingdom 提供与 GTmetrix 类似的服务。
  
• WebPageTest 比其他的用户友好性稍差，但往往更有洞察力。 值得注意的是它的高级选项，这些选项考虑了网站在不同浏览器中的表现。

运行这些测试时，请选择最接近受众实际位置的测试位置，因为这将提供最相关的结果。

现在您知道了您网站的页面加载速度，让我们看看您的时间是否合理。

我的网站应该加载多快？

通常，您的页面应在三秒或更短时间内完全加载。

如果您的速度大约为三到五秒，那么您的处境还算不错，但您的页面的表现不如当今移动优先标准所预期的那么好。 任何超过五秒的时间都被认为是糟糕的。 但无论您的网站加载速度有多快，它总是可以从提升中受益。

您还应该注意首字节时间 (TTFB)。 （WebPageTest 和 PageSpeed Insights 显示此数据。）TTFB 是浏览器在接受来自服务器的第一个字节数据之前等待的时间。 Google 建议使用 200 毫秒或更快的 TTFB。

以下是对页面加载速度目标的更多了解：

• Pingdom 发现大多数页面平均加载时间不到3.21 秒。
  
• 谷歌表示， 53% 的用户只愿意等待三秒钟让手机加载，然后再转到另一个网站。
  
• Akamai 发现平均移动页面加载速度为2.4 秒可带来最佳转化率。

但是如何提高页面加载速度以达到三秒或更快的目标呢？

提高页面加载速度的最佳方法是什么？

有几个因素会影响页面加载速度。 有些策略可以马上做，并且立竿见影。 其他人需要时间和测试才能看到好处。

以下是一些最佳方法：

1.启用 gzip 压缩。

2.优化图片。

3.开启浏览器缓存。

4.精简 HTML、CSS 和 JavaScript。

5.减少 HTTP 请求。

6.减少服务器响应时间。

7.考虑实施 CDN。
奖励：进行 WordPress 特定的改进。

各就各位！ 准备好！ 促进！

1 . 启用 gzip 压缩

压缩会减小文件的大小，从而加快下载速度。 这是优化页面加载速度的最简单和最快的方法之一。 使用 gzip 进行压缩几乎是一种规范，尽管 Brotli 是一种替代但流行的方法。 启用后，gzip 可以将 HTML、CSS 和 JavaScript 的大小减少多达 70%。 （运行 gzip 测试以查看是否已启用它。）

大多数 WordPress 一体式性能插件都允许您选择自动启用压缩。 您可以通过向 .htaccess 文件中添加一些代码来手动启用压缩，以供那些动手能力更强或使用不同 CMS 的人使用。

2.优化图像

导致页面过大的一些典型罪魁祸首是图像。 通常，您的图片应根据以下内容适当调整大小并进行优化：

• 小于 100 KB。
• 设置为图片将显示的确切大小。
• 保存为 JPG（除非它是透明的，在这种情况下使用 PNG）。

图像压缩会导致质量显着下降，因此不要让您对更快加载时间的渴望对您网站设计的质量产生不利影响。 但至少，如果您的网站有 600 像素的宽度，例如，不要上传 2,500 像素宽的图片。

使用 Photoshop（付费）或 GIMP（免费）在上传之前优化图像。 为了增加压缩，您还可以使用在线优化器，例如 TinyJPG。 如果您想要其他选项并使用像 WordPress 这样的 CMS，Smush 和 EWWW Image Optimizer 是很好的备份插件。 一些插件还允许您启用“延迟加载”功能，该功能优先显示首屏内容，并且仅在访问者向下滚动时加载您的图片——大大减少您的服务器收到的请求。

3.启用浏览器缓存

当访问者返回您的站点时，他们的浏览器会重新下载脚本、图像和样式表等文件 — 除非您启用了浏览器缓存。

使用浏览器缓存，静态文件保存在用户的浏览器中。 因此，下次他们访问您的网站时，他们不需要再次下载任何内容，因此您的页面加载速度会快得多。

如果您使用的是 WordPress，则缓存相对容易。 WP Rocket 和 W3 Total Cache 等插件会指导您完成所有需要的步骤并为您进行设置。 只需确保一次只使用这些插件中的一个即可。 此外，手动启用缓存有点复杂。

4. 压缩 HTML、CSS 和 JavaScript

缩小可在不影响性能的情况下删除冗余或不必要的代码。 这包括消除代码注释、冗长的函数名称、间距等——所有这些对用户不可见但会降低加载速度的东西。

WP Super Minify、WP Rocket 和 W3 Total Cache 等 WordPress 插件非常适合新手 Web 开发人员实现缩小。 您将需要为其他 CMS 和高级管理员执行手动缩小。 一些可以提供帮助的工具是：

• HTML 压缩器。
• YUI 压缩器或 CSS 压缩器。
• JSCompress 或 JSMin。

5. 减少 HTTP 请求

这是一个很大的。 虽然它可能会变得棘手，但不要让它吓到你。 减少请求是页面加载优化的最终目标。 您应该尽量将 HTTP 请求的数量保持在 50 以下或大约 50。

有很多方法可以简化这些请求，并加快它们的速度。

6.减少服务器响应时间

更换服务器是您应该认真并即时进行的事情。 但是您的托管服务器在加载时间中起着至关重要的作用，因此了解您是否拥有最佳设置大有帮助。

最重要的是，请咨询您的提供商以确保您的服务器有足够的正常运行时间、提供足够的带宽并靠近您的目标受众。 如果没有，请考虑切换到不同的托管服务。

其他一些需要考虑的重要事项：

• PHP版本
  如果您的站点是基于 PHP 的，则应使用 PHP 7 或更高版本。 了解您正在使用的 PHP 和需要升级的 PHP 的最简单方法是致电您的托管服务提供商。 但请记住，PHP 的更改会影响某些 WordPress 主题和插件。 如果有任何问题，您可以快速反转服务器的 PHP。
  
• HTTP/2
  HTTP/2 是一种服务器端协议，可以极大地提高站点速度和效率。 并非所有网站都尽可能使用 HTTP/2。 您可以使用各种在线工具来检查您的服务器是否支持 HTTP/2。 然后，联系您的托管服务提供商以了解您有哪些选择。
  
• 托管类型
  大多数小型企业使用更便宜的共享托管服务器（如 Bluehost、GoDaddy 和 HostGator）。 网站流量较大的大型企业通常需要功能更强大的虚拟专用服务器或直接服务器来分发其内容。 使用预算和绩效作为指标来确定您属于哪个类别。

7. 考虑实施 CDN

内容交付网络非常适合服务于许多国际地点或正在寻求提高其常规托管服务速度的页面。 这些第三方付费服务不仅为您提供 HTTP/2 支持，而且还通过在广泛的全球服务器网络上托管您的文件来大大减少请求时间。

一些独特的 CDN 选项包括：

• 云焰。
• 堆栈路径。
• 缓存飞。
• 谷歌云 CDN。

只有一些站点需要 CDN（尽管 GTmetrix 可能会建议），因此我们建议首先执行此列表中的其他策略。 如果您的加载时间仍然需要赶上，请考虑 CDN 一个可行的选择。

奖励：针对 WordPress 的改进

如果您使用 WordPress，其他因素可能会影响您的页面加载时间。 您需要结合上面列出的其他方法来解决这些问题。

减少插件

插件非常棒，可以大大提高您网站的速度。 但是使用错误的插件会产生不利影响，安装过多的插件会导致问题，从而大大降低您网站的性能。

这就是为什么必须：

• 定期更新和维护您的插件。
• 定期删除任何不必要或未使用的插件。
• 查看是否有更轻或更快的替代方案。
• 识别具有冗余功能的插件。
• 删除您可以轻松手动完成的任务的插件。

例如，假设您安装了 Google Analytics 插件。 在这种情况下，您最好自己添加代码段，通过 Google 跟踪代码管理器或通过插入页眉和页脚插件（比前者小得多）。

为了帮助定位问题，Page Performance Profiler 等出色的插件评估工具可以识别哪些插件正在影响您的页面加载速度。 （完成后不要忘记将其删除。）

清理你的数据库

随着时间的推移，WordPress 数据库可能会因保存的草稿、发布的修订以及网站运行不需要的其他内容而陷入困境。 偶尔清理这些混乱有助于提高您网站的速度。 一些一体机性能插件也有此功能（类似于 WP Rocket），或者您可以使用 WP-Optimize 插件。

更新 CMS 和主题

确保您始终使用最新版本的主题和 WordPress 安装。 （在这样做之前不要忘记备份您的网站。）如果您的网站在更新并进行上述所有更改后仍然运行缓慢，您可以考虑完全尝试一个新主题。 虽然主题使您的网站看起来更好，但它们会带来很多负担，使您的网站陷入困境。

快速的页面加载速度比以往任何时候都更加重要

如果你碰巧错过了，谷歌现在完全专注于移动设备。 而且它不会很快改变，因此您的页面必须尽快加载。

我们所有人的注意力持续时间都很短——而且他们只会在一秒钟内变短。 如果您的页面不能快速加载，大量的猫视频可以并且将会。 你还在等什么？ 现在是时候开始了！ 立即实施这些页面速度和页面体验改进，因为 SERP 不等人。