Door 
Jetpack Boost is gelanceerd door Automattic, het moederbedrijf van WordPress. De plugin helpt je je website in WordPress voor te bereiden op de Core Web Vitals van Google.
Die Core Web Vitals zijn een verzamelnaam voor drie nieuwe factoren die Google vanaf juni zal gebruiken om de rangschikking van de zoekresultaten te bepalen: hoe snel een pagina laadt, hoe snel een pagina interactief is en hoe veel (onverwachte) lay-outverschuivingen plaatsvinden.
Wat is Jetpack Boost?
Jetpack Boost is een plugin waarmee je in een paar klikken je website kan optimaliseren voor de Core Web Vitals. Voorlopig heeft Jetpack Boost drie functies:
- Optimaliseren van CSS
- Uitstellen van niet-essentiële JavaScripts
- Lady loading van afbeeldingen
Kort gezegd helpt de plugin je website sneller te maken voor een positieve impact op SEO. Hieronder kijken we naar elk van de drie functies die Jetpack Boost biedt.
Optimaliseren van CSS
CSS, voluit Cascading Style Sheets, is de code die browsers gebruiken om je website te bouwen. In die stylesheets wordt bepaald welke kleur je lettertype heeft, hoe elementen van je website gepositioneerd worden en andere zaken die bepalen hoe je website eruitziet.
Een webpagina is pas zichtbaar wanneer de CSS volledig gedownload is door een browser. En dat neemt tijd in beslag. Jetpack Boost versnelt dat proces door critial CSS te genereren. De plugin zorgt er daarmee voor dat het belangrijkste deel van de CSS eerst gedownload wordt, zodat een webpagina sneller kan worden getoond.
Hoewel nog niet alle CSS gedownload is, is je webpagina dus wel al leesbaar voor bezoekers. Zodra de meest noodzakelijke code opgehaald is, volgt de rest.
Uitstellen van niet-essentiële JavaScripts
De tweede functie heeft te maken met JavaScript. Net zoals bij CSS, maakt Jetpack Boost een onderscheid tussen essentiële en niet-essentiële code.
Opnieuw krijgt je bezoeker de belangrijkste informatie meteen te zien. JavaScript onder de vouw van het scherm wordt pas later geladen. Een video op je website die een bezoeker pas ziet wanneer hij of zij gaat scrollen, wordt met andere woorden pas geladen als de noodzakelijke code opgehaald is.
Bezoekers krijgen dankzij die optimalisatie sneller een leesbare en interactieve website.
Lazy loading van afbeeldingen
Lazy loading houdt in dat afbeeldingen op een pagina, onder de vouw van het scherm, pas worden geladen wanneer bezoekers scrollen. Ook die derde functie in Jetpack Boost zorgt voor een snellere website.
Of die laatste functie een groot verschil maakt, is niet helemaal duidelijk. In WordPress zelf zit die functie namelijk ook al.
Handig aan Jetpack Boost is in ieder geval dat je zelf kiest welke functies je in- en uitschakelt. Lazy loading hoef je dus niet aan te zetten.
Vroege versie
Voor ervaren webdesigners of -ontwikkelaars is Jetpack Boost geen wereldschokkende nieuwigheid. Je kan ook zelf onder de motorkap van je website duiken om CSS of JavaScript te optimaliseren. Maar voor wie minder ervaring heeft, is de plugin wel de moeite waard om te proberen.
Zodra je Jetpack Boost hebt geïnstalleerd en geactiveerd, hoef je alleen nog een of meerdere functies in te schakelen. Wanneer je de CSS-functie aanzet, moet je wel even wachten tot de plugin kritieke CSS gegenereerd heeft.
Onthoud wel dat Jetpack Boost nog in de kinderschoenen staat. De plugin is pas aan zijn eerste officiële versie toe. De plugin is compatibel met de laatste WordPress-versie, maar je controleert na elke functie die je inschakelt best wel even of je website nog oogt en werkt zoals dat moet. Bij foutjes kan een functie uitschakelen of, indien nodig, de volledige plugin.
Achter de schermen werkt Automattic nog volop aan verbeteringen. En ook nieuwe functies mogen we op termijn verwachten.
Commentaren