Slik setter du opp DNS-forhåndshenting i WordPress

Domain Name System Prefetching populært kjent som DNS-prefetching er prosessen med å løse domenenavn før brukere ber om det. Den brukes hovedsakelig for å få nettsteder til å laste raskere og øke den generelle ytelsen.

DNS-prefeksjon i WordPress er en populær måte å få nettsteder til å lastes raskere ved å forhåndsbehandle vanlige forespurte ressurser som Google-fonter, Google analytics, Font Awesome og mer.

I dette innlegget lærer du hvordan du legger til DNS-forhåndshenting i WordPress ved hjelp av en plugin eller manuelt. Dette kan bidra til å lage WordPress-nettstedet lastes raskt.

Hvordan fungerer DNS Prefetch?

DNS Prefetch fungerer i bakgrunnen. Hvis du laster ressurser fra mange domener. Dette vil normalt påvirke nettstedets lastetid fordi nettleseren vil ta ca. 100 ms å utføre DNS-oppslag.

Det betyr at hvis du har opptil 5 domener du laster ressurser fra, kan det ta opptil 500 ms for nettleseren å slå opp.

Men det DNS-prefetching gjør er at det får domenet du er avhengig av å laste i bakgrunnen før en bruker klikker på en lenke som vil utløse det.

Dette betyr at når brukeren klikker på den, er ressursene klare og siden vil lastes umiddelbart.

Hvis du har mange eksterne ressurser du stoler på, DNS forhåndshenting kan forbedre lastetiden. For et typisk WordPress-nettsted som bruker Google-fonter, Google Analytics og så videre, kan DNS-forhåndshenting spare opptil 500 ms lastetid.

Hva du skal bruke DNS-forhåndshenting til

Det er mange ressurser du kan forhåndshente for å få nettstedet ditt til å laste raskere. De inkluderer:

• Google fonter
• Google Analytics
• CDN URL
• Google Tag Manager
• Font Awesome
• Google Kart
• Og eventuelle eksterne ressurser

Slik setter du opp DNS-forhåndshenting i WordPress

Følg disse trinnene for å aktivere DNS-forhåndshenting i WordPress:

1. Installer en DNS Prefetch-plugin

Den enkleste måten å implementere DNS-forhåndshenting i WordPress er å bruke en plugin. Dette vil spare stresset ved å måtte redigere temafilene dine.

Den beste plugin for å håndtere dette er PerfmattersDet er en premium-plugin med mange fantastiske funksjoner for å øke hastigheten på et WordPress-nettsted. Et annet alternativ er WP Rocket.

For Perfmatters må du last ned plugin fra siden deres. Installer og aktiver den i WordPress-dashbordet.

Hvis du heller ikke vil bruke en plugin, men gjøre det manuelt, kan du hoppe rett til punkt 4.

2. Legg til domener for forhåndshenting

Etter installasjon og aktivering av Perfmatters-plugin. Gå til plugin-innstillinger og klikk på det ekstra trykk. Der kan du legge til domener for forhåndshenting.

Du bør bare legge til ett domene per linje etter mønsteret nedenfor:

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

For WP Rocket, gå til Preload-fanen og bla ned til Prefetch DNS Requests. Der kan du legge inn nettadressene du vil forhåndshente samme mønster som det ovenfor.

3. Lagre endringer.

Pass på at du lagrer endringer. Det er alt.

4. Legg til DNS-forhåndshenting i WordPress manuelt.

Hvis du foretrekker å legge til DNS-forhåndshenting i WordPress manuelt uten noen plugin, må du redigere temaets functions.php.

Bare legg til koden nedenfor til functions.php. I eksemplet nedenfor har jeg lagt til Google Analytics, Google Tag Manager og Google-fonter som veiledning. Du kan redigere den, og du kan også legge til 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 legg til en ny linje som er slik:

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

Konklusjon

DNS-forhåndshenting kan øke hastigheten på nettstedet ditt, spesielt mobilversjonen. Du bør merke en forskjell, spesielt hvis du er avhengig av mange eksterne ressurser.

Husk at selv om dette kan øke hastigheten på nettstedet ditt, er WordPress-verten du bruker og temaet den viktigste faktoren for hvor raskt nettstedet ditt er. Jeg anbefaler Cloudways for WordPress hosting og du kan se min Cloudways gjennomgang av grunner. Hvis Cloudways er for mye for deg da Hostinger og Bluehost vil fungere bra for små nettsteder.

Jeg anbefaler også generere Press for tema og du kan se min GeneratePress anmeldelse av grunner