Jak skonfigurować wstępne pobieranie DNS w WordPress

Pobieranie wstępne systemu nazw domen, popularnie zwane pobieraniem wstępnym DNS, to proces rozpoznawania nazw domen, zanim użytkownicy o to poproszą. Służy głównie do przyspieszania ładowania stron internetowych i zwiększania ogólnej wydajności.

Prefekcja DNS w WordPress to popularny sposób na szybsze ładowanie stron internetowych poprzez prefekcję regularnie żądanych zasobów, takich jak czcionki Google, Google Analytics, Font Awesome i inne.

W tym poście dowiesz się jak dodać pobieranie wstępne DNS w WordPress za pomocą wtyczki lub ręcznie. To może pomóc Strona WordPress ładuje się szybko.

Jak działa wstępne pobieranie DNS?

Prefetch DNS działa w tle. Jeśli ładujesz zasoby z wielu domen. Zwykle ma to wpływ na czas ładowania witryny, ponieważ wyszukiwanie DNS zajmie przeglądarce około 100 ms.

Oznacza to, że jeśli masz maksymalnie 5 domen, z których ładujesz zasoby, wyszukanie przeglądarki może zająć do 500 ms.

Jednak pobieranie wstępne DNS polega na tym, że domena, na której polegasz, ładuje się w tle, zanim użytkownik kliknie link, który ją uruchomi.

Oznacza to, że zanim użytkownik na nie kliknie, zasoby będą gotowe, a strona załaduje się natychmiast.

Jeśli dysponujesz dużą ilością zasobów zewnętrznych, na których polegasz, Wstępne pobieranie DNS może skrócić czas ładowania. W przypadku typowej witryny WordPress korzystającej z czcionek Google, Google Analytics itp. pobieranie wstępne DNS może zaoszczędzić do 500 ms czasu ładowania.

Do czego używać wstępnego pobierania DNS

Istnieje wiele zasobów, które możesz pobrać z wyprzedzeniem, aby przyspieszyć ładowanie witryny. Zawierają:

• Czcionki Google
• Google Analytics
• URL CDN
• Menedżer Tag Google
• Font Fantastyczny
• Mapa Google
• Oraz wszelkie zasoby zewnętrzne

Jak skonfigurować wstępne pobieranie DNS w WordPress

Wykonaj następujące kroki, aby włączyć wstępne pobieranie DNS w WordPress:

1. Zainstaluj wtyczkę DNS Prefetch

Najłatwiejszym sposobem wdrożenia wstępnego pobierania DNS w WordPressie jest użycie wtyczki. Oszczędzi to stresu związanego z edycją plików motywu.

Najlepszą wtyczką do obsługi tego jest PerfmattersTo wtyczka premium z wieloma niesamowitymi funkcjami przyspieszającymi działanie witryny WordPress. Inną alternatywą jest WP Rocket.

W przypadku Perfmatters będziesz musiał pobierz wtyczkę z ich strony. Zainstaluj i aktywuj go w panelu WordPress.

Jeśli wolisz nie używać wtyczki, ale zrobić to ręcznie, przejdź od razu do punktu 4.

2. Dodaj domeny do pobrania wstępnego

Po zainstalowaniu i aktywacji wtyczki Perfmatters. Przejdź do ustawień wtyczki i kliknij dodatkowe dotknięcie. Tam możesz dodać domeny do pobrania wstępnego.

Powinieneś dodać tylko jedną domenę w każdym wierszu, zgodnie z poniższym wzorcem:

//fonts.googleapis.com //www.google-analytics.com //cdnjs.cloudflare.com //www.googletagmanager.com

W przypadku WP Rocket przejdź do karty Wstępne ładowanie i przewiń w dół do opcji Prefetch DNS Requests. Tam możesz wprowadzić adresy URL, które chcesz pobrać z wyprzedzeniem, taki sam wzór jak powyższy.

3. Zapisz zmiany.

Pamiętaj, aby zapisać zmiany. To wszystko.

4. Dodaj ręcznie pobieranie wstępne DNS w WordPress.

Jeśli wolisz ręcznie dodać pobieranie wstępne DNS w WordPressie bez żadnej wtyczki, będziesz musiał edytować swój motyw functions.php.

Po prostu dodaj poniższy kod do swojego plikufunction.php. W poniższym przykładzie dodałem jako pomoc Google Analytics, Google Tag Manager i czcionki Google. Możesz go edytować, a także dodać więcej.

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

Po prostu dodaj nową linię o następującej treści:

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

Wniosek

Wstępne pobieranie DNS może przyspieszyć Twoją witrynę, zwłaszcza wersję mobilną. Powinieneś zauważyć różnicę, szczególnie jeśli korzystasz z dużej ilości zasobów zewnętrznych.

Pamiętaj, że chociaż może to przyspieszyć Twoją witrynę, hosting WordPress, którego używasz i motyw, są najważniejszymi czynnikami wpływającymi na szybkość Twojej witryny. polecam Cloudways dla hostingu WordPress i możesz zobaczyć moje Przegląd Cloudways z powodów. Jeśli Cloudways to dla Ciebie za dużo, to Hostinger oraz BlueHost sprawdzi się dobrze w przypadku małych witryn internetowych.

Polecam również GeneratePress dla tematu i możesz zobaczyć mój Recenzja GeneratePress z powodów