Hoe DNS-prefetching in WordPress in te stellen

DNS-prefetching kan ervoor zorgen dat WordPress-sites sneller worden geladen. Voor een site die afhankelijk is van externe bronnen zoals Google Analytics, Google-lettertypen en meer, kan deze tot 500 ms besparen.

Prefetching van domeinnaamsystemen, in de volksmond bekend als DNS-prefetching, is het proces waarbij domeinnamen worden opgelost voordat gebruikers erom vragen. Het wordt voornamelijk gebruikt om websites sneller te laten laden en de algehele prestaties te verbeteren.

DNS-prefecting in WordPress is een populaire manier om websites sneller te laten laden door regulier gevraagde bronnen zoals Google-lettertypen, Google Analytics, Font Awesome en meer te prefeteren.

In dit bericht leer je hoe je DNS-prefetching in WordPress kunt toevoegen met behulp van een plug-in of handmatig. Dit kan helpen om WordPress-site laadt snel.

Hoe werkt DNS Prefetch?

DNS Prefetch werkt op de achtergrond. Als u bronnen van veel domeinen laadt. Dit heeft normaal gesproken invloed op de laadtijd van de website, omdat de browser ongeveer 100 ms nodig heeft om DNS-lookup uit te voeren.

Dat betekent dat als u maximaal 5 domeinen heeft waaruit u bronnen laadt, het zoeken in de browser tot 500 ms kan duren.

Maar wat DNS-prefetching doet, is dat het domein waarop u vertrouwt op de achtergrond wordt geladen voordat een gebruiker op een link klikt die het activeert.

Dit betekent dat tegen de tijd dat de gebruiker erop klikt, de bronnen gereed zijn en de pagina onmiddellijk wordt geladen.

DNS-prefetching-browser

Als u veel externe bronnen hebt waarop u vertrouwt, DNS-prefetch kan uw laadtijd verbeteren. Voor een typische WordPress-site die Google-lettertypen, Google Analytics enzovoort gebruikt, kan DNS-prefetch tot 500 ms laadtijd besparen.

Waarvoor moet je DNS-prefetching gebruiken?

Er zijn veel bronnen die u vooraf kunt ophalen om uw site sneller te laten laden. Ze bevatten:

  • Google fonts
  • Google Analytics
  • CDN-URL
  • Google Tag Manager
  • Font Awesome
  • Google map
  • En alle externe bronnen

Hoe DNS-prefetching in WordPress in te stellen

Volg deze stappen om DNS-prefetching in WordPress in te schakelen:

1. Installeer een DNS Prefetch-plug-in

De eenvoudigste manier om DNS-prefetching in WordPress te implementeren, is door een plug-in te gebruiken. Dit bespaart u de stress van het moeten bewerken van uw themabestanden.

De beste plug-in om dit aan te pakken is Perfmatters. Het is een premium plug-in met veel geweldige functies om een ​​WordPress-website te versnellen. Een ander alternatief is WP Rocket.

Voor Perfmatters moet je: download de plug-in van hun site. Installeer en activeer het in uw WordPress-dashboard.

Als u liever geen plug-in gebruikt maar dit handmatig doet, spring dan direct naar punt 4.

2. Domeinen toevoegen om vooraf op te halen

Na het installeren en activeren van de Perfmatters-plug-in. Ga naar plugin-instellingen en klik op de extra tik. Daar kunt u domeinen toevoegen om vooraf op te halen.

U dient slechts één domein per regel toe te voegen volgens het onderstaande patroon:

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

Ga voor WP Rocket naar het tabblad Preload en scrol omlaag naar Prefetch DNS-verzoeken. Daar kunt u de URL's invoeren waarvan u hetzelfde patroon wilt prefetchen als hierboven.

3. Sla wijzigingen op.

Zorg ervoor dat u wijzigingen opslaat. Dat is alles.

4. Voeg handmatig DNS-prefetching toe in WordPress.

Als u liever handmatig DNS-prefetching in WordPress toevoegt zonder enige plug-in, moet u uw thema's bewerken functions.php.

Voeg gewoon de onderstaande code toe aan uw functions.php. In het onderstaande voorbeeld heb ik Google Analytics, Google Tag Manager en Google fonts als leidraad toegevoegd. Je kunt het bewerken en je kunt ook meer toevoegen.

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

Voeg gewoon een nieuwe regel toe die er als volgt uitziet:

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

Conclusie

DNS-prefetching kan uw website versnellen, vooral de mobiele versie. U zou een verschil moeten merken, vooral als u op veel externe bronnen vertrouwt.

Onthoud dat hoewel dit uw site kan versnellen, de WordPress-hosting die u gebruikt en het thema de belangrijkste factor zijn in hoe snel uw site is. ik raad aan Cloudways voor WordPress-hosting en je kunt mijn . zien Cloudways-beoordeling om redenen. Als Cloudways te veel voor je is, dan Hostinger en Bluehost zal goed werken voor kleine websites.

Ik adviseer ook GeneratePress voor thema en je kunt mijn . zien GenereerPers recensie om redenen

Mfon Abel Ekene

Mfon Abel Ekene

Ik geniet ervan om inhoud te maken die nuttig is. Mijn passie is om de internetbevolking te helpen vinden wat ze nodig hebben door ze in de goede richting te wijzen. Het is wat ik graag doe en ik heb vele uren aan onderzoek en testen besteed om ervoor te zorgen dat ik dat doe via mijn inhoud op TargetTrend.

Artikelen: 47

Technische spullen ontvangen

Tech trends, startup trends, reviews, online inkomsten, webtools en marketing een of twee keer per maand

Laat een reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *