Inzicht in en optimalisatie van de snelheid van uw website

Wat is paginasnelheid?

Paginasnelheid is de hoeveelheid tijd die nodig is om de inhoud op de pagina van een website volledig te laden. In een wereld waar mensen onmiddellijke resultaten verwachten, is sneller beter.
In feite verwacht bijna de helft van de webgebruikers dat een site in 2 seconden of minder wordt geladen, en ze hebben de neiging om een site te verlaten die niet binnen 3 seconden wordt geladen, volgens enquêtes uitgevoerd door Akamai en Gomez.com .
Maar hoe lang duurt het voordat de meeste websites zijn geladen?
De standaarden die velen hebben gebruikt voor de laadtijd van pagina's komen voort uit een studie uitgevoerd door Geoff Kenyon Waar hij de snelheid van de website vergelijkt met de rest van het web:
● Als uw site in 5 seconden laadt, is deze sneller dan ongeveer 25% van het web ● Als uw site in 2,9 seconden laadt, is deze sneller dan ongeveer 50% van het web ● Als uw site in 1,7 seconden laadt, is deze sneller dan ongeveer 75% van het web ● Als uw site in 0,8 seconden laadt, is deze sneller dan ongeveer 94% van het web
Dus hoe kunt u bepalen hoe uw website zich opstapelt?

Hoe u uw paginasnelheid en score kunt bepalen

Ga als volgt te werk om te meten hoe uw website presteert:
1. Ga naar de website van Snelheid van de Google Analytics-site Rapporten. Dit geeft je een idee van hoe Uw site heeft gepresteerd over verschillende perioden en de laadsnelheid van elk van uw pagina's. 2. Voer de URL van uw site in Google's PageSpeed Insights-tool . Dit geeft u een rapport over De snelheidsprestaties van uw website op mobiele apparaten en desktops. Het rapport wordt geleverd met Enkele aanbevolen acties die u kunt ondernemen om de snelheid van uw site te verbeteren. 3. Cheque Pingdom's website snelheidstest om de snelheid, rang en percentage sneller te weten te komen dan de gemiddelde van de geteste websites van Pingdom 4 . GTMetrix geeft een uitgebreid overzicht van de status van uw site voor snelheidsoptimalisatie.
Notitie : Maak je geen zorgen als je verschillende snelheidstimings ziet in Pingdom en Gtmetrix. Zoals Pingdom je laadtijd laat zien (de tijd die nodig is om het eerste resultaat van je website te tonen - dat is wat google telt en dat zou jij ook moeten doen) en GTmetrix laat je de volledige laadtijd zien (de tijd die nodig is om een volledige pagina weer te geven met de volledige functionaliteit actief).
Voor een beter begrip is het altijd goed om de snelheidswaterval van beide gereedschappen te zien.

Waarom is paginasnelheid belangrijk?

Het overbruggen van de kloof tussen de verwachtingen van gebruikers (2 seconden) en de gemiddelde laadtijd van de website (5 seconden) is het doel van optimalisatie van de paginasnelheid en de tactieken die we later zullen schetsen. Maar waarom is paginasnelheid precies belangrijk? Het komt neer op 3 belangrijke, onderling verbonden redenen:

1. Snelheid doodt UX

Gebruikerservaring is waarschijnlijk de belangrijkste reden waarom u zich zorgen zou moeten maken over de snelheid van uw website, dus we beginnen hier.
Mensen hebben niet meer het geduld om websites langzaam te laden. In het begin vereiste alleen al de verbinding met internet een tolerantie die gewoon niet meer bestaat.
Tegenwoordig zijn mensen constant online en heb je maximaal 3 seconden om je pagina weer te geven, anders zijn ze weg. Meer dan 3 seconden zorgt voor een slechte gebruikerservaring en de lat zal in de toekomst alleen maar hoger worden.

2. Snelheid doodt SEO

Gebruikerservaring is eigenlijk de drijvende kracht achter de SEO-implicaties van sitesnelheid. Hoewel Google traag is geweest om officieel te onthullen of trage websites degradaties zouden krijgen, lijkt het erop dat Die dagen komen eraan . U moet ervoor zorgen dat uw website klaar is.

3. Snelheid doodt conversies

Het effect van de snelheid van uw site op conversies is wat echt uw aandacht zou moeten trekken. Hoe kun je mensen door je trechter bewegen als elke stap een eeuwigheid duurt? Je superfans zullen het doen, maar die nieuwe, aarzelende mensen die vatbaar zijn voor wroeging van kopers zullen stuiteren.

8 tactieken om uw website sneller te laten laden

Het versnellen van uw site zal niet per se een fluitje van een cent zijn. Als je een kleine, lichte site hebt, moet je misschien een paar tactieken op deze lijst proberen.
Grote, oudere sites met veel code en inhoud kunnen echter enige doorzettingsvermogen en de implementatie van verschillende tactieken op de volgende lijst vereisen.
Hier is waar te beginnen:

1. Maak gebruik van browsercaching:

Wanneer u sites bezoekt, worden pagina's op de site vaak in het cachegeheugen van uw browser opgeslagen om de laadtijd te versnellen.
Browsercaching slaat bestanden van webpagina's op een lokale computer op wanneer een gebruiker een webpagina bezoekt, dus door gebruik te maken van browsercaching instrueert u browsers hoe met hun bronnen moet worden omgegaan.
Het kan trager worden als de reactie van uw server geen caching-headers bevat of als resources zijn opgegeven om slechts voor een korte tijd in de cache te worden opgeslagen.
Door gebruik te maken van caching worden uw pagina's veel sneller geladen voor terugkerende bezoekers en dat geldt ook voor andere pagina's die dezelfde bronnen delen.
Hier is hoe het te doen

2. Optimaliseer afbeeldingen:

Als afbeeldingen sneller laden, laadt uw site sneller, punt uit. Google merkt op dat “… Afbeeldingen zijn vaak goed voor het grootste deel van de gedownloade bytes op een pagina. Als gevolg hiervan kan het optimaliseren van afbeeldingen vaak enkele van de grootste bytebesparingen en prestatieverbeteringen opleveren."
Dit betekent dat u een aantal grote verbeteringen kunt krijgen wanneer de afbeeldingen op uw pagina's kunnen worden geoptimaliseerd om hun bestandsgrootte te verkleinen zonder hun visuele kwaliteit aanzienlijk te beïnvloeden.
Hier is hoe het te doen

3. Verklein HTML, CSS en JavaScript:

Verkleinen verwijdert onnodige tekens die niet nodig zijn om de code uit te voeren.
Bronnen van overbodige gegevens die u kunt verwijderen, zijn onder meer codeopmerkingen en -opmaak, het verwijderen van ongebruikte code, het gebruik van kortere variabele- en functienamen en meer.
Hier is hoe het te doen

4. Schakel gzip-compressie in:

Gzip-compressie vermindert de grootte van bestanden die vanaf uw server worden verzonden drastisch wanneer iemand uw website bezoekt. Dit zal de zaken aanzienlijk versnellen.
Volgens GTMetrix ,
"De reden dat gzip zo goed werkt in een webomgeving is dat CSS-bestanden en HTML-bestanden veel herhaalde tekst gebruiken en veel witruimte hebben. Omdat gzip gewone tekenreeksen comprimeert, kan dit de grootte van pagina's en stijlbladen tot 70% verminderen!"
Hier is hoe het te doen

5. Verkort de responstijd van de server:

De reactietijd van de server is de hoeveelheid tijd die een webserver nodig heeft om te reageren op een verzoek van een browser. Dit is een belangrijk probleem om aan te pakken, want als de responstijd van uw server traag is, worden uw pagina's traag weergegeven, hoe geoptimaliseerd uw pagina's ook zijn voor snelheid.
Google zegt dat u de reactietijd van uw server moet verkorten tot minder dan 200 ms. Dus hoe zorg je ervoor dat dit gebeurt?
Hier is hoe het te doen

6. Vermijd omleidingen naar bestemmingspagina's:

Uw site kan echt trager worden als u meer dan één omleiding heeft van de opgegeven URL naar de uiteindelijke bestemmingspagina. Dit zet een omleidingslus in gang die tijd kost om te verwerken.
Hier zijn een Enkele voorbeelden van omleidingen die dingen kunnen vertragen:
example.com → m.example.com/home - Multi-roundtrip boete voor mobiele gebruikers. example.com → www.example.com → m.example.com – Zeer trage mobiele ervaring.
Hier is hoe het te doen

7. Geef prioriteit aan zichtbare inhoud:

Dit is precies de boodschap die u krijgt van de PageSpeed-tool van Google wanneer er extra netwerkretourvluchten nodig zijn om de inhoud van de pagina boven de vouw weer te geven.
Deze "boven de vouw" inhoud is wat u op een desktop of apparaat ziet wanneer u een pagina bezoekt. Dus prioriteit geven aan zichtbare inhoud is de aanbeveling dat u dingen prioriteert, zodat essentiële elementen op uw pagina eerst (en snel) worden geladen voor gebruikers en dat u secundaire pagina-elementen zoals plug-ins voor sociaal delen, analyse-javascript, enz. uitstelt.
Hier is hoe het te doen

8. Elimineer render-blokkerende JavaScript en CSS in inhoud boven de vouw:

JavaScript- en CSS-bronnen voorkomen vaak dat uw pagina wordt weergegeven totdat ze volledig zijn geladen. Dit is vaak een goed idee, omdat de voortijdige weergave van uw inhoud boven de vouw er behoorlijk grotesk uit kan zien.
Dit is echter een veelvoorkomend bericht dat u van Google krijgt over de snelheid van de site, en als u dit aanpakt, kan uw paginasnelheid een paar tandjes hoger worden.
Hier is hoe het te doen
Notitie : Dit is voor de meeste mensen het moeilijkst op te lossen. Er zijn WordPress-plug-ins die het gewoon doen, maar ze kunnen uw site er bij elke belasting uit laten zien als Frankenstein.
Wil je razendsnelle, door Google Cloud gehoste WordPress-sites? Neem vandaag nog contact met ons op!