Додавання попередньої вибірки DNS до WordPress

Попередня вибірка DNS – це простий спосіб прискорити речі WordPress- сайт. Суть даного методу полягає в встановлення раннього зв’язку зі сторонніми доменами. Щоб виконати цей трюк у WordPress, вам потрібно додати наступний код до заголовка:

<link rel="dns-prefetch" href="https://example.com">

Ось ще кілька сторонніх доменів, які можна попередньо завантажити:

<link rel="dns-prefetch" href="https://cdn.domain.com">
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link rel="dns-prefetch" href="https://connect.facebook.net">
<link rel="dns-prefetch" href="https://www.google-analytics.com">
<link rel="dns-prefetch" href="https://www.googletagservices.com">

Ви можете запустити попередню вибірку DNS за допомогою наступних плагінів: WP Rocket, Perfmatters, Pre* Party Resources Hints, SG Optimizer, LiteSpeed Cache. Крім того, більшість кешування плагінів, що існують на ринку, мають цю опцію.

Перегляньте звіти PageSpeed Insights або GTmetrix, щоб зрозуміти, які сторонні домени завантажуються на ваш сайт. Знайшовши їх, просто скопіюйте та вставте їх у список попередньо завантажених доменів.

У WP Rocket ви можете запустити попередню вибірку на вкладці “Попереднє завантаження”:

У додатку Perfmatters це можна зробити на вкладці «Додаткові> попереднє завантаження:

SG Optimizer дає можливість встановлювати попередню вибірку DNS для сторонніх доменів в параметрах оптимізації середовища:

Кеш LiteSpeed дозволяє налаштувати попереднє завантаження DNS на сторінці оптимізація сторінки > оптимізація > попередньої вибірки DNS. Тут ви також можете додатково встановити параметри попереднього керування DNS. З його допомогою ви можете розширити Попередню вибірку на всі посилання в документі, включаючи посилання на сторінки, зображення, CSS, JS тощо.

Рекомендований список доменів для попередньої вибірки можна знайти за адресою Ґіґуб. Я також зробив свій список. Якщо я пропустив будь-які домени, несерйотивні в коментарях, я додам їх:

<link rel="dns-prefetch" href="https://maps.googleapis.com">
<link rel="dns-prefetch" href="https://maps.gstatic.com">
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link rel="dns-prefetch" href="https://ajax.googleapis.com">
<link rel="dns-prefetch" href="https://apis.google.com">
<link rel="dns-prefetch" href="https://google-analytics.com">
<link rel="dns-prefetch" href="https://www.google-analytics.com">
<link rel="dns-prefetch" href="https://ssl.google-analytics.com">
<link rel="dns-prefetch" href="https://youtube.com">
<link rel="dns-prefetch" href="https://api.pinterest.com">
<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
<link rel="dns-prefetch" href="https://domain.kinstacdn.com">
<link rel="dns-prefetch" href="https://pixel.wp.com">
<link rel="dns-prefetch" href="https://connect.facebook.net">
<link rel="dns-prefetch" href="https://platform.twitter.com">
<link rel="dns-prefetch" href="https://syndication.twitter.com">
<link rel="dns-prefetch" href="https://platform.instagram.com">
<link rel="dns-prefetch" href="https://disqus.com">
<link rel="dns-prefetch" href="https://sitename.disqus.com">
<link rel="dns-prefetch" href="https://s7.addthis.com">
<link rel="dns-prefetch" href="https://platform.linkedin.com">
<link rel="dns-prefetch" href="https://w.sharethis.com">
<link rel="dns-prefetch" href="https://s1.wp.com">
<link rel="dns-prefetch" href="https://1.gravatar.com">
<link rel="dns-prefetch" href="https://s.gravatar.com">
<link rel="dns-prefetch" href="https://stats.wp.com">
<link rel="dns-prefetch" href="https://www.googletagmanager.com">
<link rel="dns-prefetch" href="https://www.googletagservices.com">
<link rel="dns-prefetch" href="https://adservice.google.com">
<link rel="dns-prefetch" href="https://pagead2.googlesyndication.com">
<link rel="dns-prefetch" href="https://tpc.googlesyndication.com">
<link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net">
<link rel="dns-prefetch" href="https://bp.blogspot.com">
<link rel="dns-prefetch" href="https://1.bp.blogspot.com">
<link rel="dns-prefetch" href="https://ajax.microsoft.com">
<link rel="dns-prefetch" href="https://ajax.aspnetcdn.com">
<link rel="dns-prefetch" href="https://s3.amazonaws.com">
<link rel="dns-prefetch" href="https://a.opmnstr.com">
<link rel="dns-prefetch" href="https://script.hotjar.com">
<link rel="dns-prefetch" href="https://i.ytimg.com">
<link rel="dns-prefetch" href="https://code.jquery.com">
<link rel="dns-prefetch" href="https://stackpath.bootstrapcdn.com">
<link rel="dns-prefetch" href="https://use.fontawesome.com">
<link rel="dns-prefetch" href="https://player.vimeo.com">
<link rel="dns-prefetch" href="https://github.githubassets.com">
<link rel="dns-prefetch" href="https://referrer.disqus.com">
<link rel="dns-prefetch" href="https://c.disquscdn.com">
<link rel="dns-prefetch" href="https://ad.doubleclick.net">
<link rel="dns-prefetch" href="https://googleads.g.doubleclick.net">
<link rel="dns-prefetch" href="https://stats.g.doubleclick.net">
<link rel="dns-prefetch" href="https://cm.g.doubleclick.net">
<link rel="dns-prefetch" href="https://stats.buysellads.com">
<link rel="dns-prefetch" href="https://s3.buysellads.com">

Ви також можете додати правила попередньої вибірки DNS вручну за допомогою функцій.php тему:

//* 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);

джерело: onlinemediamasters.com

Прокоментувати

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *