如何通过预加载链接加速 WordPress 网站加载速度

06/22/2023

什么是 WordPress 中的链接预加载?

链接预加载是在用户点击链接之前,浏览器在后台加载该链接,从而使页面加载速度变得更快。更快的 WordPress 网站可以通过改善搜索引擎优化(SEO)来提高您的博客流量,也能提升用户体验。

您可以通过使用诸如 WP Rocket 这样的性能插件或 CDN 来加速 WordPress,但链接预加载因其简单性而脱颖而出。配置预加载时需要小心,以避免服务器问题。过度积极地预加载所有内部链接可能导致服务器崩溃。接下来,我们一步步展示如何在 WordPress 中正确预加载链接。

如何在 WordPress 中预加载链接以加速网站

最简单的预加载链接方式是使用 Flying Pages 插件。它会智能地添加预加载以确保不会造成网站瘫痪或减慢速度。如果检测到任何这样的情况,插件会停止所有预加载。

首先,您需要安装并激活该插件。请参阅我们的指南以了解如何安装 WordPress 插件。激活后,导航到 WordPress 管理面板的 Settings » Flying Pages 配置插件设置。

接下来,您需要设置“开始预加载的延迟时间”。这种情况下,如果用户的鼠标在浏览器窗口中没有移动,将以零秒为默认值,以立刻开始预加载链接。

然后,您可以更改“每秒最多请求数”。将此数字设置得越低,对服务器的影响就越小。默认设置为“3 个请求”,这对于大多数 WordPress 主机环境都适用。

之后,您可以选择“仅在鼠标悬停时预加载”,这样只有在用户悬停时才会预加载链接,并在用户点击前完成页面预加载。这项技术使得加载时间几乎立刻,因为从鼠标悬停到点击有 400 毫秒的延迟。

您还可以设置“鼠标悬停延迟”。这是用户悬停链接后预加载所需的时间。

此外,插件会忽略预加载列表中的标准登录页面和图像文件。您可以保留列表,也可以根据需要添加更多关键词。如果您经营在线商店,可能需要将如 /cart 这样的动态页面加入忽略列表。同样,使用如 ThirstyAffiliates 的推广插件时,需将 /refer/ 或 /go/ 之类的推广前缀加入忽略列表,以确保推广链接的正常追踪。

最后,您可以为管理员停用预加载,这将帮助降低网站服务器的负载。若只想为未登录的访客开启预加载,勾选此选项即可。

完成后,点击页面底部的“保存更改”按钮,您就成功启用了预加载功能。

注意:如果使用 PageSpeed Insights 等工具进行网站速度测试,未见评分提升是正常的。预加载只影响链接点击速度,而不会加速首次加载时间。

获取更多 WordPress 提速专家建议

想要进一步提升 WordPress 网站速度?请查看这些教程:

最快的 WordPress 主机性能测试

最佳 WordPress 缓存插件

如何在 WordPress 中简化 CSS / JavaScript 文件

如何优化 WordPress 核心网络指标

如何轻松延迟加载 WordPress 的图像

如何加速您的电子商务网站

我们希望这篇文章帮助您学习如何通过预加载链接提升 WordPress 的加载速度。您还可以查看我们的教程,例如如何修复 WordPress 中 DOM 过大问题,或我们推荐的最佳 WordPress 滑块插件。如果您喜欢这篇文章,请订阅我们的 YouTube 频道以获得更多 WordPress 视频教程。您也可以在 Twitter 和 Facebook 上找到我们。



Related Posts

  • 2025-01-31
  • WordPress 插件

通知评论者他们的评论已获批准是在您的网站上鼓励对话的简单而有效的方法。然而,WordPress 默认情况下不会在评论发布时通知用户,这可能导致他们对评论的状态感到困惑。有许多网站拥有者问我们如何解决此问题,因此我们编写了这篇指南来帮助您!在这篇文章中,我们将展示如何轻松通知用户他们的评论已在 WordPress 中被批准,以保持互动积极并吸引更多观众参与。

閱讀更多
  • 2025-01-31
  • WordPress 插件

想知道我们在 WPressize Me 如何通过添加标题属性和 nofollow 标签来改善用户体验和SEO吗?默认的 WordPress 编辑器并不容易提供这些选项。本文将为您简要介绍如何在 WordPress 的插入链接弹出窗口中为链接添加标题和 nofollow 属性选项,以便简化工作流程和提升您的SEO努力。

閱讀更多
  • 2025-01-28
  • WordPress 插件

你是否想在你的WordPress网站上启用Imagick?大多数情况,WordPress会自动使用Imagick来管理所有网站的图像。然而,通过调整默认的Imagick设置,你可以提高网站性能或向访客展示更高质量的图像。在本文中,我们将展示如何在你的WordPress网站上启用Imagick,并自定义其设置以改善访客体验。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>