Alle laadtijden duidelijk zichtbaar: het WordPress-Performace-Framework

Jan Hornung
7 Min.
Het RAIDBOXES  WordPress -Prestatiekader
Laatst bijgewerkt op

Prestatiecontroles zijn complex. Zeker als je niet één, maar meerdere pagina's optimaliseert. Daarom moet het duidelijk zijn welke optimalisatiemaatregelen überhaupt de moeite waard zijn en waarmee je tegen windmolens vecht. En natuurlijk moet je het overzicht bewaren. Vandaag heb ik een raamwerk in mijn bagage waarmee u al uw optimalisatiemaatregelen precies kunt vastleggen en precies kunt bepalen welke maatregelen van de laadtijd van uw website echt voordeel opleveren.

Of Webpagina test, Google Test Mijn Site of Google PageSpeed Insights - Ondertussen beschikt u als webmaster over een heel scala aan tools waarmee u de laadtijd van uw webpagina's tot in detail kunt meten. Vooral de Google-tools Test mijn site (voor mobiele sites) en PageSpeed Insights (voor mobiele en desktop versies) zal u tips en instructies geven over hoe u de laadtijd van uw webpagina's kunt verkorten: Caching instellen, afbeeldingen verkleinen, CSS-bestanden minimaliseren.

Hetzelfde geldt voor de monitoring tools, die regelmatig de PageSpeed ratings en laadtijden van uw pagina's registreren.

U gaat dus alle gebruikelijke maatregelen in detail uitwerken en uiteindelijk komt u erachter dat uw pagina eigenlijk veel sneller wordt geladen. Zeer verheugend. Alleen: Welke maatregel was uiteindelijk het belangrijkst?

We weten uit ervaring: Niet alle optimalisatiemaatregelen zijn zinvol

In meer dan 450 gedetailleerde prestatieanalyses hebben we vastgesteld dat de echt relevante problemen niet altijd worden aangepakt. Het resultaat: Er wordt bijvoorbeeld veel tijd en geld geïnvesteerd in het opzetten van een CDN, ook al levert dit uiteindelijk geen enkel prestatievoordeel op (bijvoorbeeld omdat de bezoekers uitsluitend uit Duitsland komen). Sommige interventies kunnen daarom met vertrouwen worden vermeden en er kan meer tijd worden geïnvesteerd.

Dat is precies waarom we intern een klein raamwerk hebben gebouwd om de resultaten van onze eigen performance-optimalisaties te controleren. Met dit raamwerk kunnen we precies nagaan welke optimalisatiemaatregelen tot welke resultaten hebben geleid. En we gebruiken het ook om de impact van Plugins en Themes op de prestaties van de pagina's te meten. 

Dus vandaag ga ik je laten zien

Betere WordPress prestaties verhogen de ranking en de omrekeningskoers

Dat de laadsnelheid van een pagina een rangschikkingsfactor is, werd al in 2010 bewezen officieel bevestigd door Google ...dus het is echt een oude hoed. Dus hoe sneller de pagina is, hoe beter hij zal rangschikken.

Klinkt banaal, maar je moet het internaliseren.

Google zelf beveelt bijvoorbeeld aan als ideale waarde voor de Tijd voor de eerste byte (TTFB), d.w.z. de tijd tot de server antwoord geeft, 200 milliseconden.

RAIDBOXES  WordPress  Foutmelding van het Performance Framework van Google PageSpeed Insights met betrekking tot TTFB
Dit bericht van Google PageSpeed Insights wordt alleen weergegeven als de TTFB van uw pagina minder dan 200 milliseconden bedraagt.

Het verband tussen de laadtijd van een webpagina en de ranking bij Google kan worden onderzocht door Moz, een van de Amerikaanse grote spelers op het gebied van SEO, kan in 2013 ook zelfstandig worden bewezen. In deze twee studies vinden de collega's een sterke correlatie tussen ranking en TTFB:

Interessant genoeg waren de Amerikanen in staat... geen Verbinding tussen de Totale laadtijd de pagina en de Pagerank! U ziet dus: niet elke optimaliseringsmaatregel betaalt zich direct terug in de zoekmachineoptimalisatie.

De concrete WordPress -prestatie is vooral relevant voor online zakendoen

Het onderwerp paginasnelheid is ook van enorm belang voor het online bedrijfsleven, zelfs als het gaat om andere onderwerpen dan zoekmachines. Omdat de WordPress prestaties van invloed zijn op de conversiepercentages en het gebruikersgedrag.

0,1 seconde meer = 1 procent minder omzet

Al in 2006 stelde Amazon via A/B-tests vast dat 100 milliseconden vertraging bij het laden gemiddeld verlies van 1 procent van de omzet zou kunnen betekenen. Een hele tweede vertraging bedraagt dan 1,6 miljard dollar aan omzetverlies per jaar voor Amazon.

In afgeslankte vorm geldt dit principe dus voor alle winkels: Als de shopper te lang op de pagina moet wachten, is de kans op een aankoop kleiner. De Google-tool Test mijn site houdt hier al rekening mee in zijn invoermasker met de slogan:

"De meeste sites verliezen de helft van hun bezoekers tijdens het laden."

Raidboxen WordPressperformance framework de home page van google test mijn site
Naast het gezegde, Google Test mijn Site geeft ook een waarde die laat zien hoe groot de kans is dat gebruikers van een pagina afspringen omdat deze te langzaam laadt.

Ook voor de inhoud geldt: hoe langzamer de pagina, hoe minder deze wordt gelezen.

De Financial Times getest 2016als de lezers reageren op een vertraging van één tot vijf seconden in de laadtijd.

Het bleek dat hoe trager de site werd, hoe minder artikelen de bezoekers per bezoek lezen. Zowel de inkomsten uit abonnementen als uit reclame hadden te lijden onder een trage site.

De conclusie van het mediahuis: een half jaar later is de website volledig gereviseerdmet de nadruk op de laadtijd van de pagina's. Alleen al het herontwerp van een website en de optimalisering van de laadtijd hebben bijgedragen aan het stimuleren van de kernactiviteiten van de uitgeverij.

e-boek: Meet de prestaties van uw site als een professional

Aansluiting is ook evident in de dienstensector

En de laadtijden van uw eigen website zijn ook belangrijk voor dienstverleners. Dit laat bijvoorbeeld zien. het geval van de Canadese softwareontwikkelaar IntuitVan 2012 tot 2013 heeft de provider de laadtijd van zijn site met meer dan negen seconden kunnen verbeteren.

En deze optimalisatie had ook tastbare zakelijke voordelen: Wanneer de laadtijd van de website meer dan zeven seconden bedroeg, steeg de omrekeningskoers met drie procentpunten bij elke tweede verlaging. Zelfs wanneer de laadsnelheid minder dan vier seconden bedroeg, voegde elke seconde van verbetering één procentpunt toe aan de conversiesnelheid.

Dus, om samen te vatten: Voor winkels, uitgevers en dienstverleners heeft de laadtijd van de website een aantoonbare invloed op de omrekeningskoersen. Om nog maar te zwijgen van de relevantie als rangschikkingsfactor.

De reden hiervoor wordt verondersteld te liggen in de perceptie van de gebruikers. Deze bijdragen tonen indrukwekkende voorbeelden:

Daarom is het belangrijk om niet betrokken te raken bij schaduwboksgevechten bij het optimaliseren van de prestaties, maar om echt te optimaliseren waar je de perceptie van de bezoeker van de site positief kan beïnvloeden.

Houd het overzicht, identificeer de stelschroeven: Dit is wat onze tool

Dus, na alle feiten en cijfers, nu iets solide. Overigens krijgt u toegang tot het raamwerk via een van de invoermaskers in dit artikel.

Maar wat levert het kader nu eigenlijk op?

Bij het optimaliseren en analyseren van honderden WordPress pagina's merkten we dat de analysetools GTmetrix en Webpagetest een testgeschiedenis creëren, maar dat deze geschiedenis al snel zeer verwarrend wordt bij het regelmatig testen van meerdere pagina's.

Zo hebben we gemerkt dat vooral bij slanke pagina's Pluginsdie CSS en JavaScript comprimeren, het niet altijd zinvol is. Tenminste niet als de pagina onder SSL ritten en HTTP / 2 toepassingen. De inspanning kan op dit punt volledig worden bespaard of de maatregelen kunnen in ieder geval worden uitgesteld.

Ons framework is gebaseerd op de Google spreadsheet tool. Wij gebruiken zelf een semi-automatische variant, waarbij de testen automatisch worden uitgevoerd met Webpagetest.

Wie kan het prestatieraamwerk gebruiken

Vooral voor SEO's, bureaus, ontwerpers en consultants is het zinvol om veel pagina's tegelijk in beeld te hebben. Ook hier zien we het grootste voordeel: Met het raamwerk kunt u verschillende maatregelen direct aan elkaar toetsen en systematisch achterhalen wat nu wel en wat niet gunstig is.

Hoe het prestatiekader RAIDBOXES te gebruiken

De naam is een beetje onhandig, maar het gebruik is vrij eenvoudig:

Stap 1: Meetinstrument zoeken en basisgegevens vastleggen

Als startpunt verhoogt u eenmaal alle laadtijden van uw pagina en legt u deze vast in de tabel. U kunt bijvoorbeeld gebruik maken van Webpagetest, GTmetrix of Pingdom Tools. Wij raden u de Webpagetest aan. De Google-tool biedt eenvoudigweg de beste instellingen voor echt goed meten:

Zorg ervoor dat u de juiste spreadsheet selecteert voor de gebruikte test. Het maakt niet uit welk gereedschap u gebruikt, de volgende waarden worden meestal geregistreerd: Time to First Byte, Start Render (wanneer de zichtbare pagina begint te bouwen) en de Load Time (hoe snel de pagina laadt in de perceptie van uw gebruikers). De tool berekent automatisch waarden zoals de waargenomen laadtijd.

Het is ook belangrijk dat u de URL van de pagina en de datum van de meting noteert.

Stap 2: Optimaliseren en opnieuw meten

Nu voert u uw optimaliseringsmaatregel uit (bijv. het comprimeren van uw beelden), neemt u een nieuwe meting met hetzelfde gereedschap en voert u de waarden in de betreffende velden in. Het kader berekent nu automatisch of - en zo ja, met hoeveel - de individuele waarden zijn veranderd. Natuurlijk is het belangrijk dat er geen andere wijzigingen in de pagina zijn aangebracht.

Dat is het. Dat is alles wat er is. Hoewel we op dit punt wel een tip hebben:

Het is belangrijk dat je altijd verschillende metingen uit te voeren. Alleen op deze manier, en door het berekenen van gemiddelde waarden, krijgt u redelijk betrouwbare waarden. Waarom, bijvoorbeeld de collega's van HootProof in haar grote "OptimalisatiegidsWordPress. In ons artikel over het gebruik van Webpagetest laten we ook zien hoe u betrouwbaar goede metingen kunt produceren met de Google-tool.

Klik door en probeer het

Eenvoudig, maar krachtig: met het framework houdt u niet alleen uw huidige optimalisatie cases bij, maar ook de prestaties van uw lopende WordPress projecten.

Dit is vooral nuttig als u veel sites tegelijk beheert en uw optimalisatieproces beter wilt begrijpen.

Als je vragen hebt, laat dan gewoon een reactie achter of schrijf me direct een mail.

Gerelateerde artikelen

Commentaar op dit artikel

Schrijf een commentaar

Uw e-mail adres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met * gemarkeerd.