De meest recente update van WordPress, versie 6.4, introduceert veranderingen in de manier waarop scripts aan de voorkant worden geladen. Dit zal de laadtijden van pagina’s en de algehele prestaties van veel websites ten goede komen.
De kern en de standaardthema’s van WordPress bevatten nu geïntegreerde scriptlaadstrategieën. Hierdoor worden de prestaties bij het laden van scripts met de ‘defer’ en ‘async’ attributen geoptimaliseerd.
Deze attributen geven de browser opdracht om scripts op de achtergrond (async) te laden of pas nadat de gehele pagina is geladen (defer). Dit kan de tijd die nodig is om een pagina interactief te maken aanzienlijk verkorten.
Sneller laadtijden met intelligente scriptverwerking
In eerdere versies van WordPress werden JavaScript-bestanden in thema’s en plugins geladen zonder specificatie voor asynchrone uitvoering. Hierdoor konden ze andere downloads in de weg zitten en het renderen van pagina’s vertragen tijdens het ophalen en uitvoeren.
Na een update zullen pagina’s met WordPress-content sneller laden voor bezoekers. Dit heeft vooral een positieve impact op de FCP-metriek (First Contentful Paint) binnen de CWV, welke aangeeft hoe snel de inhoud van een pagina voor het eerst wordt weergegeven.
Hoe WordPress dit heeft bereikt
JavaScript-bestanden voor elementen zoals navigatiemenu’s en ingebedde media op WordPress.com hebben nu het ‘defer’-attribuut wanneer ze worden geladen. Het wp-embed script, dat wordt gebruikt voor het weergeven van ingebedde berichten, maakt nu ook gebruik van ‘defer’.
In het verleden was er geen gestandaardiseerde methode om deze attributen toe te voegen. Echter, met de introductie van een specifieke API in WordPress 6.3 en de volledige integratie in versie 6.4, beschikken ontwikkelaars nu over een gestandaardiseerde aanpak om te bepalen wanneer hun scripts worden uitgevoerd.
Daarnaast verhuist de update de scripts die het ‘defer’-attribuut hebben terug naar het <head> gedeelte, aangezien ze het renderen van de pagina niet meer vertragen. Dit stelt browsers in staat om deze scripts sneller te detecteren en te cachen, wat de algehele prestaties ten goede komt.
Enkele scripts met een lagere prioriteit, zoals het script voor reacties op commentaren, blijven in de footer staan. Echter, ze worden nu asynchroon geladen met het ‘async’-attribuut, waardoor ze gelijktijdig met andere bronnen worden ingeladen.
De impact voor bezoekers
Pagina’s met WordPress-inhoud zullen sneller laden voor websitebezoekers na een update. Er zal minder onverwacht verschuiven van pagina-elementen zijn nadat de pagina voor het eerst is geladen.
Het is verrassend dat deze aanpassing niet eerder is doorgevoerd, gezien het grote aantal gebruikers van WordPress. Desalniettemin vormen deze wijzigingen een fundament voor verdere optimalisaties in de toekomst.
