由 Awesome Motive 提供支持。
了解更多 海鹰博客。

如何在 WordPress 中预载链接和关键请求?

如何在 WordPress 2 中预载链接

如何确保访客能即时加载链接?您需要一种名为链接加载的技术。它可以自动预载链接,这样访客一点击链接就能看到内容。这篇文章的目的是介绍如何在 WordPress 博客中添加预加载链接。

这篇文章的目的是详细解释如何在 WordPress 中预载链接。

为什么要在 WordPress 中预载链接?

可以设置浏览器在后台预加载链接,以加快加载速度。访问者在点击链接时会发现链接已经加载。只要访客能快速找到网站上的所有内容,他就有可能继续访问网站。因此,您将因此在搜索引擎优化方面获得可观的收益。

如果您的内部页面是预加载的,那么由于您的网站速度更快,访客更有可能在您的网站上停留更长的时间,浏览更多的页面。因此,您可以通过提高网站速度来改善WordPress 的搜索引擎优化

虽然有很多方法可以让 WordPress 网站更快,但链接预载是最简单的方法之一,而且对网站速度有很大帮助。

不过,如果要以正确的方式设置预载,就需要确保避免一些常见错误。例如,过于激进的设置和预载所有内部链接可能会产生相反的效果,甚至导致服务器崩溃。

如何在 WordPress 中预载链接:使用飞页插件

首先要做的是下载 Flying Pages 插件,并将其安装到 WordPress 面板中。

 飞页界面
飞页界面

现在从 WordPress 面板,导航至设置 -> 飞行页,然后选择飞行页选项。请检查设置选项卡下的插件配置,如果需要更改,请进行更改。

第一个选项是 "延迟开始预加载"。默认情况下,该选项的值为 0,但你也可以更改,不过我们建议保持原值。如果增加数值,会导致程序启动延迟。

因此,您需要选择每秒最大请求数,因为请求数越少,对服务器的影响就越小。默认值是可以接受的,只要你的网站不是一个同时有大量访问者的大型网站。

至于是保持其他设置不变,还是根据自己的要求进行更改,则取决于您。最后不要忘记点击 "保存更改 "按钮,以便保存您的更改。

如何预载关键请求 字体、JS 和 CSS

预载资源是一种可用于提高网页性能的技术。通过预载关键请求,可以确保在用户需要时提供必要的资源。CSS、JS 和字体都是可以预载的资源。要预载 CSS,可以使用 @font-face 规则。对于 JavaScript,可以使用 PreloadJS 库。至于字体,可以使用 Font Awesome 或 Google Fonts。

预加载密钥请求资源链接

如何预载CSS

以下是预载 CSS 文件关键请求的语法:

<link rel=”preload” href=”style.css” as=”style”>

预载 JS

这是一种预加载 JavaScript 文件关键请求的语法:

<link rel=”preload” href=”main.js” as=”script”>

预载字体

预载字体文件关键请求的语法如下:

<link rel=”preload” href=”font.woff2″ as=”font” type=”font/woff2″ crossorigin>

谷歌字体

以下是预载 Google 字体关键请求的语法:

<link rel=”preload” href=”https://fonts.googleapis.com/css2?family=Roboto&display=swap” as=”style” crossorigin>

字体真棒

这是预载 Font Awesome 关键请求的语法:

<link rel=”preload” href=”/wp-content/theme/fonts/fontawesome-Webfont.woff2” as=”font” crossorigin>

Google PageSpeed Insights 的预加载关键请求警告中,您会发现这些是最常见的文件类型。

上述方法可以帮助修复 Google PageSpeed Insights 的预加载关键请求警告。您可以将这些方法应用于任何网站。

摘要:预载字体

<link rel=’preload’ href=’/image.png’ as=’image’>

<link rel=’preload’ href=’/style.css’ as=’style’>

<link rel=’preload’ href=’/script.js’ as=’script’>

<link rel=’preload’ href=’/font.woff2′ as=’font’ crossorigin>

使用 WordPress 插件预载密钥请求

您可以在 WordPress 中使用预加载关键请求 WordPress 插件,如Pre* Party Resource Hints、Autoptimize、WP Rocket 和 Asset CleanUp等。这些插件 有助于修复预加载密钥请求 WordPress 警告。

以下是最受欢迎的具有预加载密钥请求功能的插件。

派对前*资源提示

Pre* Party Resource Hints是最好的插件之一,它为您提供了大量控制功能,并能添加您希望以可视方式预载的关键资源。

在 WordPress 网站上安装并激活此插件,然后从 WordPress 面板进入 Pre* Party 菜单。您将看到以下界面。

第三方资源提示插件设置

您将在插件设置的插入提示选项卡中看到添加新资源提示框。要预载资产,请查看 PageSpeed Insights 报告,找到预载关键请求警告。

WP Rocket

预加载关键请求是提高 WordPress 网站性能的好方法。WP Rocket 是一个广受欢迎的插件,可以帮助您实现这一点。它易于使用,并具有许多可以帮助您提高网站性能的功能。

从 WordPress 仪表板进入设置 > WP Rocket > 预载,使用 WP Rocket 插件在 WordPress 中预载关键请求。然后向下滚动到页面底部,您将看到 "预载字体 "部分。

wp rocket 预载字体

自动优化

如果您想提高 WordPress 网站的性能,首先要做的一件事就是安装 Autoptimize 插件。Autoptimize 通过优化 CSS 和 JavaScript 文件来加快网站速度。它还会对 HTML 进行缩减并缓存您的页面,从而为重复访问者加快加载速度。其中最受欢迎的功能之一是它为 WordPress 网站提供的预加载关键请求选项。

自动优化设置额外

在 WordPress 仪表板中,进入设置 > 自动优化 > 额外,使用 Autoptimiz 预加载关键请求。您需要做的就是在 THA 框中输入从 PageSpeed Insights 中的预加载关键请求警告中获得的链接。确保用逗号分隔多个链接。

绩效事项

该高级插件提供预加载、预连接和预取选项。您可以在 Perfmatters 设置→额外功能→预加载中查看这些选项。

Perfmatters 预加载

您网站上的链接和请求预载功能现已成功启用。

您可以在Seahawk Media 上找到更多类似文章。

WordPress 支持服务对于依靠网站实现以下功能的企业和机构来说至关重要

您是否想知道为什么 Elementor 和 Bricks 在 WordPress 开发中是如此紧密的竞争对手?尽管

如今,对于企业来说,上网已不仅仅是一件好事,而是必须要做的事情。随着互联网

科马尔-博特拉 2024 年 4 月 18 日

20 款最佳 WordPress 无代码拖放设计页面构建工具

WordPress 是世界上最流行的网站平台。它拥有 6000 多万

WordPress
科马尔-博特拉 2024 年 4 月 17 日

WordPress 与 Contentful:2024 年哪个 CMS 更好?让我们一探究竟!

选择合适的内容管理系统对于旨在建立网站的企业来说至关重要

比较
科马尔-博特拉 2024 年 4 月 16 日

2024 年印度最佳 WordPress 开发机构 20 强

正在寻找印度最好的 WordPress 开发服务?您不必担心

机构 WordPress

开始使用海鹰

在我们的应用程序中注册,查看我们的定价并获得折扣。