如何确保访客能即时加载链接?您需要一种名为链接加载的技术。它可以自动预载链接,这样访客一点击链接就能看到内容。这篇文章的目的是介绍如何在 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 中预载关键请求。然后向下滚动到页面底部,您将看到 "预载字体 "部分。
自动优化
如果您想提高 WordPress 网站的性能,首先要做的一件事就是安装 Autoptimize 插件。Autoptimize 通过优化 CSS 和 JavaScript 文件来加快网站速度。它还会对 HTML 进行缩减并缓存您的页面,从而为重复访问者加快加载速度。其中最受欢迎的功能之一是它为 WordPress 网站提供的预加载关键请求选项。
在 WordPress 仪表板中,进入设置 > 自动优化 > 额外,使用 Autoptimiz 预加载关键请求。您需要做的就是在 THA 框中输入从 PageSpeed Insights 中的预加载关键请求警告中获得的链接。确保用逗号分隔多个链接。
绩效事项
该高级插件提供预加载、预连接和预取选项。您可以在 Perfmatters 设置→额外功能→预加载中查看这些选项。
您网站上的链接和请求预载功能现已成功启用。
您可以在Seahawk Media 上找到更多类似文章。