Как настроить предварительную загрузку 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
• CDN URL
• 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 по причинам