Sådan opsætter du DNS-prefetching i WordPress

Domain Name System Prefetching populært kendt som DNS prefetching er processen med at løse domænenavne, før brugere anmoder om det. Det bruges hovedsageligt til at få websteder til at indlæse hurtigere og øge den samlede ydeevne.

DNS-præfektering i WordPress er en populær måde at få websteder til at indlæse hurtigere ved at præfeche regelmæssige anmodede ressourcer såsom Google-skrifttyper, Google analytics, Font Awesome og mere.

I dette indlæg lærer du, hvordan du tilføjer DNS-forhåndshentning i WordPress ved hjælp af et plugin eller manuelt. Dette kan hjælpe med at få WordPress-websteder til at indlæse hurtigt.

Hvordan fungerer DNS Prefetch?

DNS Prefetch fungerer i baggrunden. Hvis du indlæser ressourcer fra mange domæner. Dette vil normalt påvirke hjemmesidens indlæsningstid, fordi browseren vil tage omkring 100 ms at udføre DNS-opslag.

Det betyder, at hvis du har op til 5 domæner, du indlæser ressourcer fra, kan det tage op til 500 ms for browseren at slå op.

Men hvad DNS-prefetching gør, er, at det får det domæne, du er afhængig af, til at indlæses i baggrunden, før en bruger klikker på et link, der vil udløse det.

Det betyder, at når brugeren klikker på den, er ressourcerne klar, og siden indlæses øjeblikkeligt.

Hvis du er afhængig af mange eksterne ressourcer, kan DNS-prefetch forbedre din indlæsningstid. For et typisk WordPress-websted, der bruger Google Fonts, Google Analytics osv., kan DNS-prefetch spare op til 500 ms indlæsningstid.

Hvad skal man bruge DNS-prefetching til

Der er mange ressourcer, du kan forudhente for at få dit websted til at indlæse hurtigere. De omfatter:

• Google skrifttyper
• Google Analytics
• CDN URL
• Google Tag Manager
• Font Awesome
• Google kort
• Og eventuelle eksterne ressourcer

Sådan opsætter du DNS-prefetching i WordPress

Følg disse trin for at aktivere DNS-prefetching i WordPress:

1. Installer et DNS Prefetch-plugin

Den nemmeste måde at implementere DNS-prefetching i WordPress er at bruge et plugin. Dette vil spare stresset med at skulle redigere dine temafiler.

Det bedste plugin til at håndtere dette er Perfmatters . Det er et premium-plugin med masser af fantastiske funktioner til at fremskynde et WordPress-websted. Et andet alternativ er WP Rocket.

For Perfmatters skal du downloade plugin'et fra deres hjemmeside . Installer og aktiver det i dit WordPress-dashboard.

Hvis du hellere ikke vil bruge et plugin, men gøre det manuelt, så hop direkte til punkt 4.

2. Tilføj domæner til forhåndshentning

Efter installation og aktivering af Perfmatters plugin. Gå til plugin-indstillinger og klik på det ekstra tryk. Der kan du tilføje domæner til forhåndshentning.

Du bør kun tilføje ét domæne pr. linje efter mønsteret nedenfor:

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

For WP Rocket, gå til fanen Preload og rul ned til Prefetch DNS Requests. Der kan du indtaste de URL'er, du vil forudhente, det samme mønster som det ovenfor.

3. Gem ændringer.

Sørg for at gemme ændringer. Det er alt.

4. Tilføj DNS-prefetching i WordPress manuelt.

Hvis du foretrækker at tilføje DNS-forudhentning i WordPress manuelt uden et plugin, skal du redigere dit temas functions.php.

Du skal blot tilføje koden nedenfor til din functions.php. I eksemplet nedenfor har jeg tilføjet Google Analytics, Google Tag Manager og Google skrifttyper som en guide. Du kan redigere den, og du kan også tilføje flere.

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

Bare tilføj en ny linje, der er sådan:

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

Konklusion

DNS-prefetching kan fremskynde dit websted, især mobilversionen. Du bør bemærke en forskel, især hvis du er afhængig af mange eksterne ressourcer.

Husk, at selvom dette kan fremskynde din hjemmeside, er den WordPress-hosting, du bruger, og temaet den vigtigste faktor for, hvor hurtig din hjemmeside er. Jeg anbefaler Cloudways til WordPress-hosting, og du kan se min Cloudways-anmeldelse af grundene. Hvis Cloudways er for meget for dig, så vil Hostinger og Bluehost fungere godt til små hjemmesider.

Jeg anbefaler også GeneratePress som tema, og du kan se min GeneratePress-anmeldelse af grundene.