Wij schrijven regelmatig over de snelheid van je website, over hoe je WordPress-websites sneller kunt maken met WP Rocket of over het nut van een CDN. Blijkbaar is dit niet genoeg. Het web wordt namelijk elk jaar zwaarder en langzamer. Het laden van websites kost daardoor soms onnodig veel tijd en dat gaat vrijwel altijd ten koste van de omzet.
Dus laten we als goede voornemen voor 2015 tijd en budget vrijmaken om onze websites zo snel mogelijk te maken. Begin hiervoor bij de snelheid van je website testen en vermijd daarbij in ieder geval deze 6 fouten!
Voordat je een website sneller kunt maken, moet je eerst weten hoe snel (of langzaam) deze al is. En helaas gaan we vaak bij die stap al de fout in. We gooien onze homepage door PageSpeed Insights, zijn tevreden met een score van 88 en gaan weer verder met onze dagelijkse klusjes. Dat kan beter. Waar gaat het nu fout?
Snelheid website meten: 6 veelgemaakte fouten
Fout 1: Je blind staren op je YSlow- en Google PageSpeed Insights-scores
Het cijfertje van PageSpeed Insights (of YSlow) zegt bijzonder weinig over de daadwerkelijke prestaties van je site. De score wordt berekend op basis van een voorgedefinieerd lijstje technieken. Is je website bloedsnel, maar maakt deze geen gebruik van de technieken op de PageSpeed “checklist”, dan krijg je alsnog een dikke onvoldoende.
Wil je toch graag sturen op één getalletje, richt je dan op de Speed Index van webpagetest.org. Deze wordt berekend op basis van de “zichtbare” laadtijd (% visual progress) met behulp van de video capture.
Fout 2: Eén meting uitvoeren (met standaard instellingen) en het daarbij laten
Voer altijd meerdere metingen uit op verschillende tijden. Test je website in de ideale situatie in een gecontroleerde omgeving. Heb je veel internationaal verkeer? Test dan vanuit verschillende locaties.
Hieronder de grote verschillen in laadtijd bij een serie tests van dezelfde pagina:
Fout 3: Alleen de homepage testen
Test niet alleen de homepage, maar elk belangrijk paginatype. Voor een webshop zijn dat op zijn minst de homepage, categoriepagina en de productpagina. Als je het echt goed wilt doen, meet je ook belangrijke acties zoals intern zoeken, toevoegen aan winkelmandje, etc.
Fout 4: Focussen op gemiddelde laadtijd (document complete)
Leg de focus niet op de gemiddelde laadtijd, maar op de waargenomen laadtijd. Je wilt de illusie creëren van een snelle website. Het is geen probleem dat je site laadt in 4 seconden wanneer de content “boven de vouw” in 0,5 seconden volledig is geladen.
Wat je al helemaal niet wilt is “wachten” op het tonen van content. De illustratie hieronder geeft dit goed weer:
Fout 5: Laadtijd niet opnemen als eis/deliverable/doelstelling in een ontwikkelingstraject
Helaas hebben maar weinig webdesigners kaas gegeten van geavanceerde technieken achter de laadsnelheid. Begin je over “render-blocking”, “the critical rendering path” of “deferring javascript”, dan kijken ze je 9 van de 10 keer raar aan. Het is dus aan de webmasters en marketeers om die kar te trekken.
Ga jij in 2015 aan de gang met een nieuwe website en wil je performance-optimalisatie hierin meenemen? Ben je ambitieus en ga je voor de <1 sec (waargenomen) laadtijd? Dan moet je bij het allereerste concept en bij elke stap in het websiteontwikkelingstraject deze ambitie bovenaan het lijstje hebben staan.
Fout 6: Mobiel negeren
Hoe laadt je website op een 3G-verbinding, of nog erger, GPRS? Dit is misschien wel de grootste uitdaging. Iedereen heeft het over “mobile first” en responsive is al redelijk ingeburgerd. Dan is het goed om in de gaten te houden dat performance misschien wel het belangrijkste onderdeel van een “mobile first”-strategie is.
PageSpeed Insights heeft een unieke score voor Mobiel en Desktop en toont “mobile first”. Toch is in veel ontwikkelingstrajecten de doelstelling voor de desktop leidend. Heb je er al aan gedacht om verschillende content te serveren afhankelijk van de user-agent? Vergeet je niet je m.-domein te testen en te optimaliseren?
Tot slot…
★ Wat doe jij om je website sneller te maken? En waar loop je in de praktijk tegenaan? Wij horen het graag van je, dus laat vooral je reactie achter onder dit blog.
Hulp nodig om je website sneller te maken?
Serieus omgaan met performance kan al snel een complex en technisch traject worden. Wij helpen je er graag bij. Neem vrijblijvend contact met ons op en zie wat snelheid voor jouw omzet kan betekenen.
Robbert van Ekris - 05/03/2015
Tnx voor de toevoeging. GTmetrix is ook een leuke. WebPagetest i.c.m. SpeedCurve zijn mijn favo.
Hi Robbert,
Zeer interessant. Waarom zou Google Pagespeed niet genoeg zijn voor SEO optimalisatie? Je zou zeggen dat dat de data is die Google ook gebruikt om een site te crawlen.
Robbert van Ekris - 05/03/2015
Met een lage of gemiddelde PageSpeed score kan je nog steeds een snelle site hebben. Je kan het misschien het beste vergelijken met W3C HTML validatie. Soms maak je bewust fouten, of zet je technieken in die ingaan tegen de “standaarden”, omdat deze je site juist sneller en gebruiksvriendelijk maken.
Geef een reactie
Maak kennis met Robbert
zoek•ma•chi•ne op•ti•ma•li•sa•tie/ SEO : o – het geheel aan werkzaamheden en activiteiten dat Robbert al 10 jaar slim toepast om voor uiteenlopende (soms ook beursgenoteerde) opdrachtgevers in diverse branches een hoge positie in de reguliere zoekresultaten van zoekmachines te bewerkstelligen. Zijn ranking-statistieken en behaalde conversieratio’s spreken voor zich!
Neem contact op met RobbertBlogartikelen
Geschatte leestijd: 4 minuten We zien nog regelmatig dat de basics van conversie optimalisatie, of de return on investment case voor conversie optimalisatie, nog niet geheel duidelijk zijn. De afgelopen…
Geschatte leestijd: 4 minuten De laatste jaren heb ik me vrij veel bezig gehouden met structured data en hier een aantal blogs over geschreven. Ik merkte echter vaak dat het…
Geschatte leestijd: 4 minuten Een nieuwe website (laten bouwen) geeft de mogelijkheid om jouw creativiteit op hol te laten slaan en je digitale ambities waar te maken. Het design mag…
Geschatte leestijd: 4 minuten Met de opkomst van voice search en de digital assistent is er ook via deze wegen behoefte aan een rijkere weergave van de zoekresultaten. En daar…
Geschatte leestijd: 4 minuten In 2007 bouwde ik mijn eerste mobiele site, tot grote verbazing van mijn omgeving. In die tijd begreep niemand waarom ik daar zoveel tijd en geld aan…
Geschatte leestijd: 4 minuten De homepage, productpagina, het winkelmandje en het bestelproces. Dit zijn de pagina’s waar vaak naar wordt gekeken bij website-optimalisatie. Er zijn echter nog veel andere pagina’s…
Geschatte leestijd: 4 minuten Het duurt verrassend kort voordat de volledige definitie van Customer Experience Optimization (CXO) op tafel ligt. Shirley van Haalem, onze trotse Product Manager CXO, kent hem…
Een aanvullende op deze sterke blog is om ook de tool Pingdom te gebruiken naast de genoemde Google Pagespeed, YSlow en WebPageTest.
In Pingdom kun je vaak in één oogopslag zien welke factoren bijdragen aan een trage website (bijv. de hoeveelheid ingeladen images, het opgetelde formaat van die images, de hoeveelheid verschillende domeinen waarvan content ingeladen wordt, etc.).