Snelheid verbeteren van je website

Google gaat snelheid nog belangrijker maken!

Je weet het zelf, als een website traag opent ben je snel weg. Zo werkt het.
Tenzij de site heel belangrijk voor je is, bijvoorbeeld de site van je kapper! Maar dan levert het je wel ergernis op. We zouden kunnen denken, ach, ik wacht toch wel even, is niet erg. Dat zouden wij kunnen besluiten …

Maar als je goed gevonden wilt worden dan is Google toch echt de baas. Bij Google hanteren ze zgn. algorithmen om te bepalen wie bovenaan in de zoekresultaten getoond wordt. Deze algorithmen worden continue bijgesteld en de web- en SEObedrijven zijn druk in de weer om te proberen Google te volgen en te doorgronden. Zo weet ik alvast dat er in 2021 een nieuwe zgn. rankingfactor komt die snelheid belangrijker maakt.

Rankingfactor LCP = Largest Contentful Paint

Photo by Andrea Piacquadio from Pexels

Google bepaalt dus hoe goed je scoort in de zoekresultaten en het is de kunst om je site continue zo te verbeteren dat je voldoet aan de eisen.
De nieuwe rankingfactor heet LCP, oftewel Largest Contentful Paint. Een moeilijk te vertalen begrip. Het gaat daarbij om de tijd die nodig is om het grootste element in het zichtbare deel van de pagina te vertonen. Dit grootste element kan een afbeelding, video of stuk tekst zijn. Het gaat om de inhoud ‘boven de vouw’.
De LCP moet volgens Google onder de 2.5 seconden zijn voor een goede score.

Wat je in gedachten moet houden is dat je site trager wordt naarmate je meer Plugins installeert. Iedere Plugin installeert weer eigen code, javascript en css bestanden, die ook allemaal in de code opgenomen worden en uitgevoerd moeten worden.
Soms/vaak ontkom je niet aan veel Plugins wanneer je veel functionaliteiten wilt hebben op je site: zoals een slider; contactformulier; pop-ups; een portfolio; reviews enz. enz. tot en met een webshop met alle toeters en bellen vandien.

Zelf website-snelheid testen en verbeteren

Allereerst ga je je site testen. Er zijn twee goede hulpsites:

Beide tests geven aanbevelingen voor verbeteringen. Dat kan heel handig zijn, het is echter wel technisch jargon. Hieronder zal ik de maatregelen bespreken in zoveel mogelijk begrijpelijke taal.

Ik zal het uitleggen aan de hand van mijn website voor Maasbeeld.

Dit is de nul-meting bij Google Pagespeed van maasbeeld zonder maatregelen: mobiel 48%; desktop 68%. Zou beide naar de 100/100 % moeten!

Plugins die je kunt gebruiken om de snelheid van je WordPress-site te verbeteren:

  1. Inhoud cachen: bijv. WP Super cache, WP Fastest Cache of WP-Rocket (de laatste = premium);
  2. Verkleinen van HTML, CSS- en JS-bestanden: kan met cache Plugin, maar Autoptimize is erin gespecialiseerd;
  3. Afbeeldingen comprimeren: bijvoorbeeld met Smush of Imagify (laatste hoort bij WP-Rocket);
  4. Mobiele weergave aanpassen: AMP = Accelerated Mobile Pages;
  5. Plugin Organizer: om per pagina en ook specifiek mobiele weergave niet gebruikte Plugins uit te kunnen zetten.

Het optimaliseren op snelheid is een heel klusje.

In stap 1. ga ik een cache Plugin op de site zetten. Ik kies voor ‘WP Super Cache’ van de makers van WordPress. Ik zet de cache aan en automatisch worden er een aantal instellingen actief waar ik niets aan hoef te veranderen.

Meting na stap 1: mobiel 60%; desktop 81%.

In stap 2. en 3. zet ik ‘Autoptimize’ erop, deze nestelt zich onder ‘Instellingen’. Autoptimize heeft ook het comprimeren van afbeeldingen in zich via Shortpixel van Google.

Let op, maak nu eerst een backup van database en site, want er kunnen rare dingen gebeuren en het is altijd fijn als je dan zo weer terug kunt. Daarna zet je stap voor stap de ‘hoofd’vinkjes op aan onder de tab ‘JS, CSS & HTML’ en controleer je telkens tussendoor de website. Dan onder ‘Afbeeldingen’ Optimaliseer, Laad WebP en Lazy-loading aanzetten.

Meting na stap 2. en 3.: mobiel 69%; desktop 94%.

De desktop-meting is al helemaal goed! De LCP staat op 1,2 seconde. Ruim onder de 2,5 seconde. De mobiele snelgheid is nog niet top, is nog in het oranje gebied en de LCP is 5,2 seconden. Teveel nog!

In stap 4. installeer ik AMP. Deze Plugin kan de mobiele weergave verbeteren. Je kunt als instelling kiezen ‘Standard’ waarmee het Thema wel aktief blijft en je niet heel grote veranderingen krijgt.

Meting na stap 4.: mobiel 75%; desktop 94%.

Stap 5. met ‘Plugin Organizer’ biedt verdere versnelling doordat Plugins selectief uitgezet worden. Dit is wel oppassen, want voor je het weet werkt het menu niet meer.

Meting na stap 5.: mobiel 87%; desktop 98%.

De LCP voor mobiel is nog 3,8 seconden. Nog steeds te hoog terwijl de site wel heel snel is geworden. Beetje teleurstellend, maar de verandering van het logarithme is nog niet zover – 2021!, dus de WordPress-community zal druk bezig zijn met het verbeteren van de apps, vooral van de AMP!

Deel dit bericht