如何在 WordPress 中设置 DNS 预取

DNS 预取可以使 WordPress 网站加载速度更快。 对于依赖谷歌分析、谷歌字体等外部资源的网站,它最多可以节省 500 毫秒。

域名系统预取通常称为 DNS 预取,是在用户请求之前解析域名的过程。 它主要用于使网站加载更快并提高整体性能。

WordPress 中的 DNS 预置是一种流行的方式,通过预取常规请求的资源(例如 Google 字体、Google 分析、Font Awesome 等)来加快网站加载速度。

在这篇文章中,您将学习如何借助插件或手动在 WordPress 中添加 DNS 预取。 这可以帮助使 WordPress网站加载速度快.

DNS 预取如何工作?

DNS Prefetch 在后台运行。 如果您要从多个域加载资源。 这通常会影响网站加载时间,因为浏览器执行 DNS 查找大约需要 100 毫秒。

这意味着如果您有多达 5 个要从中加载资源的域,则浏览器可能需要长达 500 毫秒的时间进行查找。

但是 DNS 预取的作用是,它使您所依赖的域在用户单击将触发它的链接之前在后台加载。

这意味着当用户点击它时,资源已经准备就绪,页面将立即加载。

DNS prefetching browser

如果你有很多依赖的外部资源, DNS 预取 可以提高您的加载时间。 对于使用谷歌字体、谷歌分析等的典型 WordPress 站点,DNS 预取可以节省高达 500 毫秒的加载时间。

将 DNS 预取用于什么用途

您可以预取许多资源以加快网站加载速度。 他们包括:

  • 谷歌字体
  • Google Analytics
  • CDN 网址
  • 谷歌标签管理
  • 字体真棒
  • 谷歌地图
  • 以及任何外部资源

如何在 WordPress 中设置 DNS 预取

按照以下步骤在 WordPress 中启用 DNS 预取:

1.安装DNS Prefetch插件

在 WordPress 中实现 DNS 预取的最简单方法是使用插件。 这将节省编辑主题文件的压力。

处理这个问题的最佳插件是 Perfmatters. 这是一个高级插件,具有许多惊人的功能来加速 WordPress 网站。 另一种选择是WP Rocket。

对于 Perfmatters,您需要 从他们的网站下载插件. 在您的 WordPress 仪表板中安装并激活它。

如果您不想使用插件而是手动执行,那么直接跳到第 4 点。

2.添加域进行预取

安装并激活 Perfmatters 插件后。 转到插件设置,然后单击额外的水龙头。 在那里您可以添加域以进行预取。

您应该按照以下模式每行添加一个域:

//fonts.googleapis.com //www.google-analytics.com //cdnjs.cloudflare.com //www.googletagmanager.com
DNS prefetch perfmatters

对于 WP Rocket,转到 Preload 选项卡并向下滚动到 Prefetch DNS Requests。 在那里,您可以输入要预取与上述相同模式的 URL。

3. 保存更改。

确保保存更改。 就这些。

4. 在WordPress中手动添加DNS预取。

如果您喜欢在没有任何插件的情况下手动在 WordPress 中添加 DNS 预取,那么您将不得不编辑您的主题 的functions.php.

只需将下面的代码添加到您的functions.php。 在下面的示例中,我添加了 Google Analytics、Google Tag Manager 和 Google 字体作为指南。 您可以对其进行编辑,也可以添加更多内容。

//* DNS Prefetching
function dns_prefetch() {
    echo '<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="https://www.google-analytics.com" />
<link rel="dns-prefetch" href="https://www.googletagmanager.com" />
<link rel="dns-prefetch" href="https://fonts.googleapis.com" />
}
add_action('wp_head', 'dns_prefetch', 0);

只需添加一个像这样的新行:

<link rel="dns-prefetch" href="https://DOMAIN.com" />

结论

DNS 预取可以加速您的网站,尤其是移动版。 您应该注意到不同之处,尤其是在您依赖大量外部资源的情况下。

请记住,虽然这可以加快您的网站速度,但您使用的 WordPress 主机和主题是影响您网站速度的最重要因素。 我建议 Cloudways 对于 WordPress 托管,您可以看到我的 Cloudways评论 原因。 如果 Cloudways 对你来说太过分了 HostingerBlueHost的 适用于小型网站。

我也推荐 GeneratePress 对于主题,你可以看到我的 生成新闻评论 出于原因

Mfon Abel Ekene

冯·阿贝尔·埃肯

我喜欢创造有用的内容。 我的热情是通过为互联网用户指明正确的方向来帮助他们找到他们需要的东西。 这是我喜欢做的事情,我投入了许多小时的研究和测试,以确保我通过我在 TargetTrend 上的内容做到这一点。

文章:48

接收技术人员的东西

每月一次或两次技术趋势、创业趋势、评论、在线收入、网络工具和营销

发表评论

您的电邮地址不会被公开。 必填带 *