Optimalisatie van de paginasnelheid is cruciaal voor elke website en is fundamenteel voor de SEO en gebruikerservaring. Bovendien heeft het een grote invloed op de verkeersranglijst van je site en de metriek van Google. Paginasnelheden kunnen op een aantal manieren worden gemeten en verbeterd en dit artikel geeft een basisoverzicht van hoe. Maar eerst een ruwe schets van hoe pagina's worden geladen:

1. Een gebruiker gaat naar zijn website en voert een website in die leidt tot een DNS-verzoek.
2. Dit linkt ze door naar de domeinnaamprovider die ze doorverwijst naar jouw server, waar al je bestanden staan.
3. Het document object model (DOM) laadt de HTML, CSS en JavaScript voor de pagina. Het DOM moet meestal extra bronnen aanvragen bij je server, en dat is waar de grootste vertragingen optreden.

Wat betreft de manier waarop Google paginasnelheden rangschikt, zijn er 2 belangrijke statistieken waar rekening mee wordt gehouden:

• tijd tot boven-de-vouw-belasting: Verstreken tijd vanaf het moment dat een gebruiker een nieuwe pagina opvraagt tot het moment dat de above-the-fold inhoud wordt weergegeven door de browser.
• tijd tot volledige pagina laden: Verstreken tijd vanaf het moment dat een gebruiker een nieuwe pagina opvraagt tot het moment dat de pagina volledig wordt weergegeven door de browser.

Factoren die de snelheid beïnvloeden

Er zijn een aantal verschillende dingen waar je naar moet kijken als je website trager wordt. Een van de eerste is afbeeldingenZwaardere foto's kunnen het laden ernstig belemmeren. Om dit probleem op te lossen, kan het nodig zijn om je afbeeldingen te comprimeren en te verkleinen. Als vuistregel geldt dat een pagina niet groter mag zijn dan een megabyte (en de meeste hoeven niet eens zo groot te zijn). Afbeeldingoptimalisatie is de meest voorkomende boosdoener, die op veel pagina's vertragingen veroorzaakt door nalatigheid en het niet bijhouden hoe je afbeeldingen uploadt.

Hoewel CMS-software zoals WordPress het formaat aanpassen en comprimeren goed kan, kun je dit het beste zelf doen. Als je het aan WordPress overlaat, betekent dit vaak dat je bestanden 15 tot 30 procent groter zijn dan wanneer je ze handmatig had gecomprimeerd voor het uploaden.

Hosting is een andere factor die je pagina een voorsprong kan geven. Het is belangrijk om een webhostingpakket te kiezen waarmee je de laadsnelheid van je site kunt verbeteren. Dit kan worden verbeterd door een server te hebben die speciale bronnen heeft, wat voorkomt dat andere sites je processor en geheugen opslokken. Ook helpt het om een betere SSD harde schijf te hebben en database en andere bronnen direct op de webserver op te slaan. Je kunt ook cache en bronnen minifiërenDit zal de snelheid van je site helpen verbeteren.

Houd uw plugins, apps en widgets. Alle scripts van derden kunnen je snelheden enorm belemmeren. Wat thema die je gebruikt kan ook van belang zijn, omdat zwaardere exemplaren uitputtend kunnen zijn. De aantal omleidingen die het kost om naar de webpagina te gaan, kan ook de optimalisatie van je paginasnelheid in de war sturen. Je kunt de snelheid ook verhogen door HTTP/2, prefetchen, vooraansluitingen voorlaadelementen.

Tools voor optimalisatie van paginasnelheid

Als het op tools aankomt, zijn de tools die Google biedt altijd een goed startpunt. Deze omvatten Chrome's eigen rapport over gebruikerservaring en Google Vuurtoren (die we in een eerder artikel hebben besproken). Terwijl het Chrome-rapport alleen nuttig is voor grote websites, kan Lighthouse een audit uitvoeren op vrijwel alles. Omdat beide tools van Google zijn, kunnen ze precies de gegevens leveren die je nodig hebt. Bovendien geeft Lighthouse gebruikers ook feedback over wat ze kunnen verbeteren, vergelijkbaar met een andere tool: Inzichten in paginasnelheid.

Er zijn ook niet-Google alternatieven zoals Pingdom en GTmetrix die op zichzelf al nuttig kunnen zijn. Er zijn ook hulpmiddelen beschikbaar op testmysite.thinkwithgoogle.com

Snelheidscijfers

Eerste verf met inhoud is wanneer het eerste stukje inhoud verschijnt. Gewoonlijk maakt dit deel uit van de zoekbalk, waar de naam verschijnt tijdens het laden. Vervolgens is de Eerste zinvolle verfen dat is wanneer primaire inhoud wordt het eerst zichtbaar. Volgens Google (die de term heeft bedacht): "Stel dat je een e-commerce pagina hebt en er is een afbeelding die cruciaal is voor de pagina, dan moet die afbeelding eerst zichtbaar zijn". Deze tijd kan cruciaal zijn, omdat het de gebruiker wat inhoud geeft om naar te kijken voordat ze met alles kunnen interageren. Als het laden op dit gedeelte langzaam gaat, draaien de meeste gebruikers zich om en gaan naar een andere pagina.

Na deze 2 is de Tijd voor interactiefDit is het moment waarop de pagina visueel bruikbaar is en de gebruiker op de juiste manier met de pagina kan interageren. Ten slotte is er het punt waarop de pagina de DOM-inhoud geladen. Dit is het moment waarop de HTML volledig is vergrendeld en geladen.