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-prefetching i WordPress ved hjælp af et plugin eller manuelt. Dette kan hjælpe med at gøre WordPress-siden indlæses 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 har mange eksterne ressourcer, du er afhængig af, DNS-forudhentning kan forbedre din indlæsningstid. For et typisk WordPress-websted, der bruger Google-skrifttyper, Google Analytics og så videre, kan DNS-prefetch spare op til 500ms 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 PerfmattersDet er et premium-plugin med masser af fantastiske funktioner til at fremskynde en WordPress-hjemmeside. Et andet alternativ er WP Rocket.

For Perfmatters skal du download plugin fra deres side. 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-prefetching i WordPress manuelt uden noget plugin, bliver du nødt til at 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 dit websted, er den WordPress-hosting, du bruger, og temaet den vigtigste faktor for, hvor hurtigt dit websted er. Jeg anbefaler Cloudways til WordPress hosting og du kan se min Cloudways gennemgang af grunde. Hvis Cloudways er for meget for dig, så Hostinger og Bluehost vil fungere godt for små websteder.

Jeg anbefaler også GeneratePress for tema og du kan se min GeneratePress anmeldelse af grunde