如何在 WordPress 中设置 DNS 预取

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

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

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

DNS 预取如何工作？

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

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

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

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

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

将 DNS 预取用于什么用途

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

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

如何在 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

对于 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 对你来说太过分了 Hostinger 和 BlueHost的适用于小型网站。

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