Stap 1:Wat zijn Prefetch en DNS-Prefetch en waarom zou u ze gebruiken?

Vooraf ophalen en DNS-prefetch zijn twee technieken die worden gebruikt om de prestaties van een website te verbeteren. Dit is wat iedereen doet:

- Vooraf ophalen: Het prefetch-attribuut vertelt de browser dat er in de nabije toekomst een bron (zoals een afbeelding, CSS-bestand of script) nodig zal zijn. De browser begint dan die bron op de achtergrond te downloaden, voordat er daadwerkelijk om wordt gevraagd. Dit kan het laden van de pagina versnellen, omdat de bronnen gereed zijn wanneer dat nodig is.

- DNS-prefetch: Het DNS-prefetch-attribuut vertelt de browser om het DNS-adres van een bron op de achtergrond op te lossen, voordat deze daadwerkelijk wordt gebruikt. Dit kan ook de prestaties van een website verbeteren, omdat de browser hierdoor niet meer hoeft te wachten op de DNS-zoekopdracht wanneer deze daadwerkelijk om de bron vraagt.

Met andere woorden, het gebruik van deze attributen is hetzelfde als uw browser een waarschuwing geven over de dingen die hij in de toekomst moet laden. Dit kan ervoor zorgen dat uw website sneller aanvoelt.

Het gebruik van prefetch en DNS-prefetch is een vrij eenvoudige taak, maar vereist wel wat codeerkennis. Met dat in gedachten gaan we aan de slag!

Stap 2:Prefetch en DNS-Prefetch gebruiken

Het basisidee achter het gebruik van prefetch en DNS-prefetch is om de respectieve HTML-attributen toe te voegen aan de ` ` en `

...

...

```

In het bovenstaande voorbeeld hebben we zowel prefetch- als DNS-prefetch-kenmerken gebruikt om de browser te laten weten welke bronnen deze in de toekomst nodig zal hebben. U kunt deze kenmerken gebruiken voor alle bronnen waarvan u denkt dat het laden ervan enige tijd in beslag kan nemen, zoals grote afbeeldingen, CSS-bestanden of JavaScript-bestanden.

Stap 3:testen en controleren

Nadat u de kenmerken prefetch en DNS-prefetch aan uw thema heeft toegevoegd, moet u uw website testen om er zeker van te zijn dat deze goed werkt. U kunt een tool zoals Pingdom of GTmetrix gebruiken om de prestaties van uw website te testen. U kunt ook de ontwikkelaarstools van de browser gebruiken om de netwerkverzoeken te bekijken en te zien of de bronnen vooraf worden opgehaald en DNS-prefetched.

Het is belangrijk om de prestaties van uw website regelmatig te controleren om er zeker van te zijn dat deze goed blijft presteren. U kunt dit doen door de hierboven genoemde tools te gebruiken, of door simpelweg de laadtijd van uw website in de gaten te houden.

Conclusie

Het gebruik van prefetch en DNS-prefetch kan een eenvoudige en effectieve manier zijn om de prestaties van uw WordPress-website te verbeteren. Door uw browser op de hoogte te stellen van de bronnen die deze in de toekomst nodig heeft, kunt u helpen het laden van uw pagina's te versnellen en uw website sneller te laten aanvoelen.