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

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

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

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

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

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

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

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

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

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

Браузер с предварительной загрузкой DNS

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

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

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

  • Google шрифтов
  • Google Analytics
  • URL-адрес CDN
  • Google Диспетчер тегов
  • Являются удивительными
  • 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
Упреждающая выборка DNS имеет значение

Для 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 по причинам

Мфон Абель Экене

Мфон Абель Экене

Мне нравится создавать полезный контент. Моя страсть — помогать интернет-пользователям находить то, что им нужно, указывая им правильное направление. Это то, что я люблю делать, и я потратил много часов на исследования и тестирование, чтобы убедиться, что я делаю именно это с помощью своего контента на TargetTrend.

Статей: 47

Получить технические вещи

Технические тенденции, тенденции стартапов, обзоры, онлайн-доход, веб-инструменты и маркетинг один или два раза в месяц.

Оставьте комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены * *