Hur man ställer in DNS-förhämtning i WordPress

Förhämtning av domännamnssystem, populärt känd som DNS-förhämtning, är processen att lösa domännamn innan användarna begär det. Det används främst för att få webbplatser att ladda snabbare och öka den totala prestandan.

DNS-prefektering i WordPress är ett populärt sätt att få webbplatser att laddas snabbare genom att förhandsställa vanliga efterfrågade resurser som Google-fonter, Google analytics, Font Awesome och mer.

I det här inlägget lär du dig hur du lägger till DNS-förhämtning i WordPress med hjälp av ett plugin eller manuellt. Detta kan bidra till att WordPress-webbplatser laddas snabbare.

Hur fungerar DNS Prefetch?

DNS Prefetch fungerar i bakgrunden. Om du laddar resurser från många domäner. Detta kommer normalt att påverka webbplatsens laddningstid eftersom webbläsaren tar cirka 100 ms att utföra DNS-sökning.

Det betyder att om du har upp till 5 domäner som du laddar resurser från kan det ta upp till 500 ms för webbläsaren att slå upp.

Men vad DNS-förhämtning gör är att det gör att domänen du förlitar dig på laddas i bakgrunden innan en användare klickar på en länk som utlöser den.

Det betyder att när användaren klickar på den är resurserna klara och sidan kommer att laddas omedelbart.

Om du förlitar dig på många externa resurser kan DNS-prefetch förbättra din laddningstid. För en typisk WordPress-webbplats som använder Google Fonts, Google Analytics och så vidare kan DNS-prefetch spara upp till 500 ms laddningstid.

Vad ska man använda DNS-förhämtning till

Det finns många resurser du kan hämta i förväg för att få din webbplats att laddas snabbare. De inkluderar:

• Google teckensnitt
• Google Analytics
• CDN URL
• Google Etiketthanteraren
• Font Toppen
• Google karta
• Och eventuella externa resurser

Hur man ställer in DNS-förhämtning i WordPress

Följ dessa steg för att aktivera DNS-förhämtning i WordPress:

1. Installera en DNS Prefetch-plugin

Det enklaste sättet att implementera DNS-förhämtning i WordPress är att använda ett plugin. Detta kommer att spara stressen med att behöva redigera dina temafiler.

Det bästa pluginet för att hantera detta är Perfmatters . Det är ett premium-plugin med massor av fantastiska funktioner för att snabba upp en WordPress-webbplats. Ett annat alternativ är WP Rocket.

För Perfmatters behöver du ladda ner pluginet från deras webbplats . Installera och aktivera det i din WordPress-instrumentpanel.

Om du hellre inte vill använda ett plugin utan gör det manuellt, hoppa direkt till punkt 4.

2. Lägg till domäner för att förhämta

Efter installation och aktivering av Perfmatters plugin. Gå till plugin-inställningarna och klicka på den extra kranen. Där kan du lägga till domäner för att förhämta.

Du bör bara lägga till en domän per rad enligt mönstret nedan:

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

För WP Rocket, gå till fliken Preload och scrolla ner till Prefetch DNS Requests. Där kan du mata in webbadresserna som du vill förhämta samma mönster som ovan.

3. Spara ändringar.

Se till att du sparar ändringarna. Det är allt.

4. Lägg till DNS-förhämtning i WordPress manuellt.

Om du föredrar att lägga till DNS-förhämtning i WordPress manuellt utan något plugin måste du redigera ditt temas functions.php.

Lägg bara till koden nedan i din functions.php. I exemplet nedan har jag lagt till Google Analytics, Google Tag Manager och Google fonts som en guide. Du kan redigera den och du kan också lägga till fler.

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

Lägg bara till en ny rad som är så här:

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

Slutsats

DNS-förhämtning kan påskynda din webbplats, särskilt den mobila versionen. Du bör märka skillnad, särskilt om du förlitar dig på mycket externa resurser.

Kom ihåg att även om detta kan snabba upp din webbplats, är det WordPress-hosting du använder och temat den viktigaste faktorn för hur snabb din webbplats är. Jag rekommenderar Cloudways för WordPress-hosting och du kan läsa min Cloudways-recension av några anledningar. Om Cloudways är för mycket för dig så fungerar Hostinger och Bluehost bra för små webbplatser.

Jag rekommenderar även GeneratePress som tema och du kan se min GeneratePress-recension av skälen.