Hoe de score op Page Speed Insights te verbeteren

De laadtijd van je site is een van de belangrijkste rankingfactoren van Google. Dit heeft namelijk directe invloed op SEO en conversiepercentages.

Page Speed Insights is een gratis tool van Google die je een score geeft op basis van de laadtijd van je site.

De bounceratio, oftewel het percentage gebruikers dat je site direct verlaat, hangt sterk af van de laadtijd van webpagina's (de page load). Als deze langer dan een seconde duurt en tot 6 seconden oploopt, zal de bounceratio oncontroleerbaar stijgen!

Hoe 100/100 te behalen op Page Speed Insights: nuttige tips

Hoe werkt Page Speed Insights?

Deze diagnostische tool voor je website werkt dankzij het open-source programma Lighthouse dat testgegevens genereert en je site test, waarna het een eerste beoordeling geeft.

Dit moet vervolgens worden onderworpen aan een verdieping met echte gegevens gedownload van de site die de uiteindelijke score genereert, die varieert van 0 tot 100.

Hier worden de laadtijden geanalyseerd, zowel op de desktopversie als op de mobiele versie, de knelpunten die conversieproblemen veroorzaken en alle dynamieken die het verlaten van een pagina en het bouncepercentage kunnen verhogen.

Hoe de score van Page Speed Insights te verhogen

Een score dicht bij 80 è al een uitstekend resultaat (zowel desktop als mobiel); om dit resultaat te bereiken en misschien nog beter te presteren, hier zijn enkele handige tips:

Optimalisatie van afbeeldingen: afbeeldingen zijn vaak een bron van aanzienlijke vertraging voor websites. Problemen met afbeeldingen zijn zeker te wijten aan hun grootte (als ze meer dan 1 MB zijn, zijn ze absoluut te groot!). Wanneer u samenwerkt met medewerkers, intern of extern, let dan goed op hoe ze de afbeeldingen invoegen!

Verbetering van de serverreactietijden: de server, virtueel of dedicated, die je kiest om je website te hosten è een belangrijke factor voor het verbeteren van de Page Speed Insights-score, vooral wanneer je een zware portal of een e-commerce met veel producten hebt. Evalueer goed de hosting waar je de site op plaatst en controleer de waarde van TTFB (time to first byte).

In wezen is de reactietijd van de server è die tijdsduur die verstrijkt tussen het laden van de inhoud en het vermogen van de server om deze te verwerken.

De factoren die deze gegevens kunnen beïnvloeden zijn:

• Database aanvragen
• Trage paden
• Frameworks
• Bibliotheken
• Resource CPU-tekort
• Geheugen tekort

Css, javascript en html minimaliseren: css-stylesheets, javascript en ook eenvoudige html-code zijn elementen die na verloop van tijd de site verzwaren. Om dit te voorkomen, hoef je alleen maar minifying techniek oftewel het verwijderen van overbodige gegevens en het maximaal vereenvoudigen van deze strings en codes. 

Enkele zeer goede programma's zijn:

• De HTML minifier voor html;
• CSSNano en csso voor CSS-minificatie;
• UglifyJS2 en de Closure Compiler voor javascript.

Een uitstekend hulpmiddel is ook Google’s AMP dat webpagina's optimaliseert voor bijna onmiddellijke laadtijden!

Een ander zeer nuttig advies is om de inhoud above the fold te prioriteren!

Dit betekent in wezen dat je een landing of in ieder geval een website moet structureren door veel informatie en veel call to action in het bovenste gedeelte van de site op te nemen.

Dit is belangrijk om twee hoofdredenen: ten eerste, vanuit het perspectief van de gebruiker. Wie de pagina leest, zal een betere perceptie hebben van de laadtijd van de pagina. Terwijl, op technisch niveau, als je waardevolle inhoud invoegt die belangrijk is voor de gebruiker, evenals voor de conversie van de site, in de bovenkant, deze eerder door de browser worden geladen, wat inderdaad een gevoel van hogere snelheid creëert!

Eliminatie van render-blocking javascript: soms blokkeert javascript het laadproces, vooral als er scripts van derden worden gebruikt. Voor voorkomen van render-blocking door javascript kies een van de volgende opties:

• Veel niet-essentiële scripts kunnen op verschillende manieren worden vertraagd en worden opgehaald nadat de pagina correct is uitgevoerd.
• Geef de asynchrone scripts de voorkeur boven synchrone scripts die het laadproces onderbreken.

Hoe je website te versnellen en een uitstekende score op Page Speed Insights te behalen: Framework360

Framework360 biedt je de mogelijkheid om een zeer hoge score te behalen wat betreft het laden van de pagina's van je website.

Hoe? Gewoon door elk aspect dat we tot nu toe hebben besproken te optimaliseren.

Afbeeldingen worden rechtstreeks op de server geladen met compressie die hun maximale afmetingen beperkt.

De serverrespons is maximaal geoptimaliseerd door gebruik te maken van AWS (Amazon Web Service), de beste hosting die er bestaat.

De code waar de site uit bestaat is schoon, lineair en snel, het resultaat van jarenlange ervaring en constante verbeteringen.

Het platform zal je dus de mogelijkheid geven om je site op een volledig intuïtieve, persoonlijke en vooral efficiënte manier voor zoekmachines te configureren, zonder dat enige programmeerkennis of websitebouw nodig is.

Probeer nu de snelheid van sites ontwikkeld in Framework360!

Concluderend hebben we gezien dat het optimaliseren van de website voor Page Speed Insights feitelijk een van de fundamentele stappen is voor het creëren van een online omgeving, zodat de prestaties van je site steeds beter worden en te hoge bouncepercentages worden vermeden.