Как настроить предварительную загрузку DNS в WordPress

Предварительная выборка системы доменных имен, широко известная как предварительная выборка DNS, представляет собой процесс разрешения доменных имен до того, как пользователи запросят его. Он в основном используется для ускорения загрузки веб-сайтов и повышения общей производительности.

Предварительная обработка DNS в WordPress — это популярный способ ускорить загрузку веб-сайтов за счет предварительной загрузки регулярно запрашиваемых ресурсов, таких как шрифты Google, Google Analytics, Font Awesome и другие.

В этой статье вы узнаете, как добавить предварительную выборку DNS-запросов в WordPress с помощью плагина или вручную. Это поможет ускорить загрузку сайта WordPress.

Как работает предварительная выборка DNS?

Предварительная выборка DNS работает в фоновом режиме. Если вы загружаете ресурсы со многих доменов. Обычно это влияет на время загрузки веб-сайта, поскольку браузеру требуется около 100 мс для выполнения поиска DNS.

Это означает, что если у вас есть до 5 доменов, из которых вы загружаете ресурсы, браузеру может потребоваться до 500 мс для поиска.

Но что делает предварительная выборка DNS, так это то, что она заставляет домен, на который вы полагаетесь, загружаться в фоновом режиме, прежде чем пользователь щелкнет ссылку, которая активирует ее.

Это означает, что к тому времени, когда пользователь нажмет на нее, ресурсы будут готовы, и страница загрузится мгновенно.

Если вы используете множество внешних ресурсов, предварительная загрузка DNS может улучшить время загрузки. Для типичного сайта WordPress, использующего шрифты Google, Google Analytics и т. д., предварительная загрузка DNS может сэкономить до 500 мс времени загрузки.

Для чего использовать предварительную выборку DNS

Есть много ресурсов, которые вы можете предварительно загрузить, чтобы ускорить загрузку вашего сайта. Они включают:

• Google шрифтов
• Google Analytics
• URL-адрес CDN
• Google Tag Manager
• Являются удивительными
• Google Map
• И любые внешние ресурсы

Как настроить предварительную загрузку DNS в WordPress

Выполните следующие действия, чтобы включить предварительную выборку DNS в WordPress:

1. Установите плагин DNS Prefetch.

Самый простой способ реализовать предварительную выборку DNS в WordPress — использовать плагин. Это избавит вас от необходимости редактировать файлы темы.

Лучший плагин для решения этой задачи — 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. Добавьте предварительную выборку DNS в WordPress вручную.

Если вы предпочитаете добавить предварительную выборку DNS-запросов в WordPress вручную, без использования каких-либо плагинов, вам придётся отредактировать файл functions.php вашей темы.

Просто добавьте приведенный ниже код в файл functions.php. В приведенном ниже примере я добавил Google Analytics, Диспетчер тегов Google и шрифты 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 в качестве темы оформления, и вы можете ознакомиться с моим обзором GeneratePress , где объясняются причины.