Optimaliseer de websiteprestaties voor betere rankings

In tijden waarin bijna alle informatie op elk moment en vanaf elke plaats beschikbaar is, moeten websites en andere online inhoud aan bepaalde criteria voldoen om gebruikers (en dus ook zoekmachines) tevreden te stellen. Een van deze criteria is laadtijd. We leggen uit hoe je de prestaties kunt analyseren en vervolgens kunt optimaliseren om op de lange termijn betere rankings te krijgen.

Prestaties optimaliseren betekent bruikbaarheid verbeteren

Stel je voor dat je een snackbar binnenloopt, enorme trek hebt en gewoon niet bediend wordt. Wat gebeurt er dan? Precies, je verlaat gehaast de zaak en gaat naar de concurrent in de hoop daar sneller iets te eten te krijgen. Zelfs als je niet meteen weggaat, is het onwaarschijnlijk dat je terugkomt.

Slechte prestaties = hoog bouncepercentage

Als je dit voorbeeld overzet naar de digitale wereld, wordt de snackbar de website en wordt de snelheid van de service de laadtijd van deze website. Als je mee wilt spelen in de topcompetitie wat betreft rankings, moet je zo snel mogelijk nadenken over je service, met andere woorden je prestaties. Google rangschikt graag websites die bijzonder gebruiksvriendelijk zijn. Naast een coherente lay-out en een duidelijke presentatie van een onderwerp, omvat gebruiksvriendelijkheid ook de laadtijd van de inhoud. Als het laden van de pagina te lang duurt, neemt het bouncepercentage toe omdat veel gebruikers op de “terugknop” klikken en naar het volgende zoekresultaat op de Google SERP gaan.

Stap 1: Prestatiecontrole

Voordat je de prestaties van je website verbetert, kun je het beste eerst controleren hoe slecht je PageSpeed eigenlijk is. Je kunt hiervoor verschillende tools gebruiken.

PageSpeed-inzichten

PageSpeed-inzichten is een tool van Google waarmee je in een handomdraai de prestaties van een bepaalde URL kunt controleren. In het ideale geval krijgt u een beoordeling “Goed” voor zowel de uitvoer op mobiele apparaten als de uitvoer op het desktopapparaat. Als de laadtijd niet helemaal optimaal is, beoordeelt de tool de prestaties als “Gemiddeld”. Bij een “lage” beoordeling is er behoefte aan optimalisatie. Het mooie is dat Google je direct na de analyse optimalisatiesuggesties geeft.

Pingdom

Gebruikt u de Pingdom website snelheidstest om de prestaties van je pagina te analyseren, zul je merken dat het een veel positiever beeld geeft van de laadtijden dan Google's PageSpeed Insights. Je hebt ook de optie om verschillende serverlocaties te selecteren voor je zoekopdracht. Na de analyse toont de tool je de laadtijd (hopelijk in milliseconden), de Google PageSpeed Performance Grade (zou A moeten zijn), de grootte van de website en een reeks andere gegevens.

Webpagina test

De analyse wordt nog uitgebreider met de Hulpmiddel van webpagetest.org. Hier kun je nog een paar serverlocaties selecteren en - heel cool - de testomgeving definiëren (smartphonemodel, browser, enz.). De resultaten zijn zeer uitgebreid en vormen een uitstekende database waarmee je de prestaties van je website kunt optimaliseren.

Stap 2: Optimalisatie

Zodra je hebt geanalyseerd waar de schoen wringt wat betreft laadtijd van de website, kun je beginnen met de optimalisatie.

Om de analysegegevens wat begrijpelijker te maken: De meest voorkomende oorzaken van slechte prestaties zijn...

...grote hoeveelheden gegevens,

ongecomprimeerde afbeeldingen,

een overladen thema en

trage databases en servers.

Thema heroverwegen & overbodige plugins deactiveren

Draait je website op WordPress of Joomla! en ziet het premium thema dat je hebt gekocht er erg slim uit? Dat is prima, maar het is niet ongewoon dat thema's volledig overbelast zijn, wat leidt tot trage laadtijden van websites. Kijk eens of er een slanker thema is dat niet alleen wordt gekenmerkt door zijn direct aantrekkelijke uiterlijk, maar ook door zijn prestaties.

Als het probleem niet bij het thema zelf ligt, kunnen plugins ook een negatieve invloed hebben op de laadtijd van websites als er te veel databasetoegangen zijn. Dit is vooral het geval bij minder bekende en slecht geïmplementeerde plugins. Controleer gewoon welke plugins zich in de loop der tijd hebben opgehoopt en verwijder alles wat je niet absoluut nodig hebt.

HTTP-verzoeken verminderen

Als er minder HTTP-verzoeken worden gedaan, zal je website logischerwijs sneller laden. Zo'n serververzoek wordt altijd gedaan als er een bestand moet worden geladen. Dus als je minder bestanden zoals afbeeldingen, scripts etc. in een document verpakt, zal je pagina ook sneller laden.

Tip: Je kunt verschillende stylesheets combineren tot één CSS-bestand en dit koppelen vanuit het HTML-documentgebied. Als je ervoor zorgt dat er niet meer inline stijlspecificaties in het HTML-document staan, kan het CSS-bestand in de cache worden geplaatst, waardoor de pagina ook sneller wordt geladen.

Afbeeldingen optimaliseren voor het web

Een website kan niet zonder goede afbeeldingen (bij voorkeur in .jpg-formaat) en grafieken (bij voorkeur als .png-bestanden) - een beeld zegt immers vaak meer dan duizend woorden. Het is echter belangrijk dat deze afbeeldingen geoptimaliseerd zijn voor het web om lange laadtijden te voorkomen. De meest gemaakte fout in dit verband is om afbeeldingen in hun oorspronkelijke formaat naar de server te uploaden en ze op precies dezelfde manier in de inhoud te verwerken.

Voorbeeld: Als een afbeelding 2500 x 1000 pixels groot is, maar alleen wordt geïntegreerd in een inhoudsgebied van 750 pixels breed, wordt deze daarna in een kleiner formaat weergegeven. De afbeelding of grafiek moet echter nog steeds op volledige grootte worden geladen. Om dergelijke onnodige ballast te voorkomen, moet je afbeeldingen altijd verkleinen tot het formaat waarin ze daadwerkelijk moeten worden weergegeven.

Tussen haakjes: Zodra een URL wordt opgeroepen, worden alle afbeeldingen meestal automatisch geladen - zelfs de afbeeldingen die nog niet zichtbaar zijn, bijvoorbeeld omdat je niet zo ver naar beneden scrollt. Om afbeeldingen alleen te laden wanneer dat nodig is, kun je plugins gebruiken zoals Gekke Lui gebruiken. En om je meteen nog een plugin-tip te geven: WP Smush.it comprimeert automatisch de bestandsgrootte van afbeeldingen tijdens het uploaden. Je kunt het ook gebruiken om afbeeldingen die al zijn geüpload achteraf te optimaliseren.

Gzip-compressie

Niet alleen afbeeldingen, maar ook systeembestanden (bijvoorbeeld van WordPress) kunnen worden gecomprimeerd. Hoe werkt dit? Heel eenvoudig met Gzip, een gratis compressieprogramma dat, net als het bestandsformaat, beschikbaar is voor alle besturingssystemen. Het enige wat je hoeft te doen is een codefragment in het .htaccess-bestand invoegen. Met WordPress hoef je dit niet handmatig te doen, maar kun je vertrouwen op plugins zoals Gzip Ninja-snelheidscompressie om op terug te vallen. Joomla heeft ook bijbehorende extensies die precies hetzelfde doen.

Caching gebruiken

Als WordPress-gebruiker heb je ook een goede caching-plugin nodig. Caching creëert statische versies van alle pagina's in plaats van ze dynamisch aan te maken - met grote gevolgen voor de laadsnelheid van de hele website. Een zeer goed geschreven caching plugin voor WordPress is Cachify. Je kunt het hele zorgeloze pakket krijgen met de W3 Total Cache-plugin. Als alternatief WP Raket een kleine raket van jouw kant.

Extra tip:

Om je website nog sneller te maken, kun je onnodige spaties en regeleinden verwijderen uit HTML, CSS en JavaScript. Omdat dit de hele code slanker maakt, wordt ook de laadtijd korter. Het enige dat achteruit gaat, is de duidelijkheid van de code. De eerder genoemde Plugin W3 Totale cache biedt je als WordPress gebruiker op dit punt een zogenaamde “Minify” functie. Dit werkt echter alleen bijzonder goed als je in de handmatige modus van de plugin zelf definieert hoe de Java scripts geladen moeten worden. Omdat dit vooral voor beginners niet echt geschikt is, raden we je aan om de Plugin automatisch optimaliseren.