Как да настроите предварително извличане на DNS в WordPress

Предварителното извличане на DNS може да накара сайтовете на WordPress да се зареждат по-бързо. За сайт, който разчита на външни ресурси като Google Analytics, Google шрифтове и други, той може да спести до 500 ms.

Предварителното извличане на системата за имена на домейни, известно като предварително извличане на DNS, е процес на разрешаване на имена на домейни, преди потребителите да поискат това. Използва се главно за по-бързо зареждане на уебсайтове и повишаване на цялостната производителност.

Префектирането на DNS в WordPress е популярен начин да накарате уебсайтовете да се зареждат по-бързо чрез предварително зареждане на редовно изисквани ресурси като Google шрифтове, Google analytics, Font Awesome и други.

В тази публикация ще научите как да добавите предварително извличане на DNS в WordPress с помощта на плъгин или ръчно. Това може да помогне да се направи WordPress сайтът се зарежда бързо.

Как работи DNS Prefetch?

DNS Prefetch работи във фонов режим. Ако зареждате ресурси от много домейни. Това обикновено ще повлияе на времето за зареждане на уебсайта, тъй като браузърът ще отнеме около 100 ms, за да извърши DNS търсене.

Това означава, че ако имате до 5 домейна, от които зареждате ресурси, търсенето на браузъра може да отнеме до 500 милисекунди.

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

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

Браузър за предварително извличане на DNS

Ако имате много външни ресурси, на които разчитате, DNS предварително извличане може да подобри времето ви за зареждане. За типичен сайт на WordPress, използващ шрифтове на Google, Google Analytics и т.н., предварителното извличане на DNS може да спести до 500 ms време за зареждане.

За какво да използвам DNS предварително извличане

Има много ресурси, които можете да изтеглите предварително, за да заредите сайта си по-бързо. Те включват:

  • Google шрифтове
  • Google Analytics
  • CDN URL
  • Мениджър на маркери на Google
  • Font Awesome
  • Google карта
  • И всякакви външни ресурси

Как да настроите предварително извличане на DNS в WordPress

Следвайте тези стъпки, за да активирате предварителното извличане на DNS в WordPress:

1. Инсталирайте приставка за предварително извличане на DNS

Най-лесният начин за внедряване на предварително извличане на 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 Tag Manager и 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 е твърде много за вас, тогава Hostinger намлява Bluehost ще работи добре за малки уебсайтове.

Аз също препоръчвам Генериране Press за тема и можете да видите моите Преглед на GeneratePress по причини

Мфон Абел Екене

Мфон Абел Екене

Харесва ми да създавам съдържание, което е полезно. Моята страст е да помагам на интернет населението да намери това, от което се нуждае, като ги насочвам в правилната посока. Това е, което обичам да правя и влагам много часове на проучване и тестване, за да съм сигурен, че правя точно това чрез моето съдържание в TargetTrend.

Статии: 51

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

Технически тенденции, тенденции при стартиране, прегледи, онлайн приходи, уеб инструменти и маркетинг веднъж или два пъти месечно