Як налаштувати попередню вибірку DNS у WordPress

Попередня вибірка системи доменних імен, відома як попередня вибірка DNS, — це процес визначення доменних імен перед тим, як користувачі запитуватимуть про це. В основному він використовується для прискорення завантаження веб-сайтів і підвищення загальної продуктивності.

DNS prefecting у WordPress — це популярний спосіб пришвидшити завантаження веб-сайтів шляхом попереднього завантаження регулярних ресурсів, таких як шрифти Google, аналітика Google, Font Awesome тощо.

У цій публікації ви дізнаєтесь, як додати попередню вибірку DNS у WordPress за допомогою плагіна або вручну. Це може допомогти зробити Сайт WordPress завантажується швидко.

Як працює DNS Prefetch?

DNS Prefetch працює у фоновому режимі. Якщо ви завантажуєте ресурси з багатьох доменів. Зазвичай це впливає на час завантаження веб-сайту, оскільки браузеру потрібно близько 100 мс для пошуку DNS.

Це означає, що якщо у вас є до 5 доменів, з яких ви завантажуєте ресурси, пошук браузеру може зайняти до 500 мс.

Але те, що робить попередня вибірка DNS, полягає в тому, що домен, на який ви покладаєтеся, завантажується у фоновому режимі, перш ніж користувач клацне посилання, яке запустить його.

Це означає, що до моменту, коли користувач натискає на нього, ресурс готовий і сторінка завантажується миттєво.

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

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

Є багато ресурсів, які можна попередньо отримати, щоб ваш сайт завантажувався швидше. Вони включають:

• Шрифти Google
• Google Analytics
• URL-адреса CDN
• Google Диспетчер тегів
• Шрифт Високий
• Карта Google
• І будь-які зовнішні ресурси

Як налаштувати попередню вибірку 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 перейдіть на вкладку «Попереднє завантаження» та прокрутіть униз до розділу «Попереднє завантаження DNS-запитів». Там ви можете ввести URL-адреси, для яких потрібно попередньо отримати такий самий шаблон, як наведений вище.

3. Збережіть зміни.

Переконайтеся, що ви зберегли зміни. Ось і все.

4. Додайте попередню вибірку DNS у WordPress вручну.

Якщо ви віддаєте перевагу додати попередню вибірку DNS у WordPress вручну без жодного плагіна, вам доведеться відредагувати свою тему functions.php.

Просто додайте наведений нижче код у файл functions.php. У прикладі нижче я додав Google Analytics, Google Tag Manager і Google fonts як посібник. Ви можете редагувати його, а також можете додати більше.

//* 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 з причин