First Contentful Paint is een op de gebruiker gerichte waarnemingsmaatstaf. Het verwijst naar hoe lang het duurt voor de browser om het eerste non-element te renderen, zoals afbeeldingen, tekst of canvaselementen.

Het hebben van een snelle, eerste inhoudelijke paint is belangrijk, omdat gebruikers zullen waarnemen dat uw website snel laadt, zelfs als dat strikt genomen niet het geval is. Dat gezegd hebbende, een FCP is ook niet bedoeld om gebruikers te misleiden, maar het geeft wel een idee over uw algemene paginasnelheid.

Eye10 geeft uw FCP-score weer voor desktop en mobiel. Kijk uit naar scores die in rode of oranje tekst worden weergegeven, wat betekent dat er verbeteringen nodig zijn.

Enkele van de stappen die nodig kunnen zijn om uw FCP-score te verbeteren zijn: tekst weergeven voor en tijdens het laden van het lettertype, verkleinen van HTML/CSS of Javascript, ongebruikte CSS verwijderen, de tijd tot de eerste byte (TTFB) verkorten, SVG of WebP-afbeeldingen gebruiken en de DOM-grootte verkleinen.

De snelheidsindex meet hoelang het duurt voordat de inhoud van uw website volledig te zien is. Dit betekent dus dat alle elementen op de pagina volledig geladen zijn en dat uw website in de bedoelde visuele vorm verschijnt. Snelheidsindex is echter geen maatstaf voor de algehele paginasnelheid, maar voor de perceptie van de gebruiker dat de pagina geladen is.

Denk dus aan snelheidsindex in termen van gebruikerservaring, vooral als u het bouncepercentage van pagina's wilt verminderen en als deze pagina's langzaam laden voor uw gebruikers.

Een ideale snelheidsindex ligt tussen 0-3 seconden, afgaand op wat we weten over wanneer gebruikers een pagina waarschijnlijk zullen verlaten als ze merken dat hij niet snel genoeg laadt.

Als Eye10 iets minder dan een goede score laat zien voor de snelheidsindex van uw URL's, dan zou u moeten overwegen om een aantal aspecten te implementeren, zoals het verminderen van render blocking resources en het verminderen van het main-threadwerk van uw website.

Net als bij elk ander aspect dat invloed kan hebben op hoe snel uw website te laden is: hoe ingewikkelder de elementen, hoe groter de kans op snelheidsproblemen. Soms is eenvoud dus het beste bij het ontwerpen van een website om dergelijke kostbare fouten binnen uw bredere SEO-strategie te beperken.

De gemiddelde website bestaat uit een grote verscheidenheid aan elementen, zoals koppen, tekst, afbeeldingen, knoppen, widgets, tabellen en nog veel meer. Elk van deze elementen varieert in grootte, wat betekent dat ze verschillende hoeveelheden tijd nodig hebben om goed te laden voor uw gebruikers.

Largest contentful paint (LCP) is een methode om te meten hoe goed uw website geoptimaliseerd is door rekening te houden met al deze verschillende elementen op de pagina. In het bijzonder is er vaak één element dat het meest in het oog springt wanneer gemeten wordt hoe snel een pagina te laden is, vanwege de grootte ervan. Een LCP-score zal dus vooral gebaseerd zijn op dit ene element, dat vervolgens van invloed zal zijn op hoe goed uw website geoptimaliseerd is voor snelheid in het algemeen.

Responsive websites zijn ontworpen met verschillende apparaten in gedachten. Dit kan betekenen dat uw LCP-tijd kan verschillen op desktop vs. mobiel. Houd daar dus zeker rekening mee als u optimalisaties in het ontwerp wilt aanbrengen. Bijvoorbeeld: als uw LCP-score goed is voor desktop maar niet voor mobiel, dan hoeft alleen mobiel geoptimaliseerd te worden.

Een aantal van de stappen die u kunt nemen om een slechte LCP-score te verbeteren, zijn het verkleinen of comprimeren van afbeeldingen, het verbeteren van de hosting provider of mogelijkheden van uw website, het gebruik van een content delivery network (CDN) en het elimineren van render-blokkerende scripts.

Als u een websitesjabloon gebruikt, kijk dan uit voor traag ladende heldensecties, die er visueel misschien goed uitzien, maar er een eeuwigheid over kunnen doen om te laden, vooral als ze veel afbeeldingen bevatten.

Time to interactive (TTI) is de tijd die een pagina nodig heeft om volledig interactief te worden nadat een gebruiker op de pagina is aangekomen. Wat dit in lekentaal betekent, is dat een pagina volledig klaar voor gebruik kan lijken, maar totdat alle elementen goed geladen zijn, zullen ze niet echt bruikbaar zijn, wat een frustrerende gebruikerservaring kan opleveren, vooral als de pagina veel interactieve elementen bevat.

Wat wij weten over paginasnelheid en SEO is dat gebruikers verwachten dat een webpagina binnen 3 seconden geladen is. Maar de gemiddelde TTI is in werkelijkheid 22 seconden. Gebruikers kunnen dus wel op de webpagina zelf zijn, maar de elementen waarop zij proberen te klikken of waarmee zij interactie willen hebben, zijn niet onmiddellijk toegankelijk. Dit zorgt dus niet voor een bevredigende ervaring, vooral als gebruikers denken dat de pagina kapot is of hapert, terwijl hij gewoon nog niet geladen is.

Vaak is een trage TTI-score te wijten aan het feit dat er te veel Javascript-elementen op een pagina staan, hoewel alle andere snelheidscijfers die Eye10 meet ook sterk gecorreleerd zijn met TTI. Het is dus zeker zo dat als u andere problemen met uw paginasnelheid aanpakt, uw TTI vanzelf kan verbeteren.

Total blocking time (totale blokkeertijd) is de tijd die verstrijkt tussen de First contentful paint en de time to interactive. Beschouw de Total blocking time dus als een samenvatting van al uw metingen over paginasnelheid.

Input van de gebruiker, zoals klikken, tikken op het scherm of drukken op het toetsenbord, wordt meegerekend bij de berekening van de totale blokkeertijd. Meer specifiek: hoelang de gebruiker "geblokkeerd" wordt bij het voltooien van een van deze acties op uw pagina wanneer hij hem probeert te laden.

Het optimaliseren van de paginasnelheid van uw website zal uiteindelijk de totale blokkeertijd proberen te verbeteren, die moet worden gezien als een hoogtepunt van elk van de andere metingen.

Cumulative layout shift (ook bekend als CLS) betekent dat de opmaak van een pagina zich aanpast terwijl de pagina laadt. De reden waarom CLS optreedt, ligt vaak aan het gekozen sjabloon of aan de manier waarop de pagina is ontworpen. Het is heel eenvoudig: browsers hebben de neiging om elementen op eenzelfde pagina met verschillende snelheden te laden. Daarom kan de manier waarop de pagina laadt, geen naadloos gevoel geven bij het bladeren door de pagina en uiteindelijk kunnen sommige elementen zo langzaam laden dat gebruikers het wachten opgeven.

Een voorbeeld van een pagina die een lage CLS score heeft, is de Google-homepage. U zult merken dat deze pagina een minimaal aantal elementen heeft, waardoor hij snel laadt en makkelijk te navigeren is. Hoewel het niet zo is dat uw website zo weinig mogelijk elementen moet bevatten, is het wel belangrijk om rekening te houden met hoe uw pagina laadt, vooral wanneer u verschuivingen in de lay-out probeert te voorkomen.

Met de Pagespeed-tool van Eye10 kunt u gemakkelijk Cumulative layout shift meten. Als uw webpagina een hoge CLS-score heeft, raden wij u aan een ander websitesjabloon te proberen of een ontwikkelaar te raadplegen om de elementen op uw webpagina zo af te stellen dat ze met zo weinig mogelijk CLS laden. Vergeet niet uw website op verschillende browsers en apparaten te testen wanneer u verbeteringen aanbrengt, totdat het probleem opgelost is.

Er zijn verschillende snelheidstests voor websites op de markt. Verrassend genoeg kan elke tool verschillende resultaten geven vanwege de locatie van de tool versus waar uw server zich bevindt en ook vanwege de mogelijkheden van die tool.

Daarom is het belangrijk om de inzichten in uw paginasnelheid te controleren op alternatieve hulpmiddelen, om te proberen algemene patronen te ontdekken en ook om extra informatie te ontdekken.

Eye10's Pagespeed Tool biedt gegevens van zowel Google Pagespeed Insights als GTmetrix. Dit betekent dat u niet hoeft te betalen voor abonnementen op verschillende tools of zelfs maar tijd hoeft te besteden aan het herhalen van zoekopdrachten op een van beide websites: Eye10 combineert alles wat u nodig heeft voor u snel en efficiënt.

Hier volgt een overzicht van de aspecten die elke tool u zal vertellen. Pagespeed Tool zal deze bevindingen combineren op de pagina, zodat u kunt zien wat elke tool tegelijk ontdekt.

Wanneer u uw URL invoert in Eye10's Pagespeed Tool, krijgt u een aantal zeer belangrijke aspecten te zien van Google Pagespeed Insights.

Eye10 geeft u ook de optie om te wisselen tussen mobiele en desktopmetingen, zodat u een uitgebreid idee krijgt over hoe snel uw pagina's laden op beide apparaatopties.

Google Pagespeed Insights bevat score-overzicht, First contentful paint, snelheidsindex, Largest contentful paint, time to interactive, total blocking time en Cumulative layout shift.

Zorg ervoor dat zowel de mobiele als de desktopresultaten als groen worden weergegeven wanneer u wisselt tussen elk apparaattype.

GTmetrix is nog een populair hulpmiddel dat gebruikt wordt om de snelheid van webpagina's te meten. Hiermee kunt u nog meer informatie over uw pagina te weten komen en tegelijkertijd een belangrijke second opinion krijgen.

De aspecten die GTmetrix u in de Pagespeed Tool geeft, zijn onder andere een lijst met de belangrijkste problemen die uw prestaties beïnvloeden, de Pagespeed-score, de prestatiegraad, de volledig geladen tijd, de totale paginagrootte en de verzoeken.

U zult merken dat sommige aspecten lijken op Google Pagespeed Insights en andere bieden meer details, zoals de totale grootte van uw pagina en hoelang het duurt om uw pagina volledig te laden.

Hieronder hebben we enkele van de meest gestelde vragen over Pagespeed beantwoord. Als u uw vraag hieronder niet ziet of als u specifieke hulp nodig hebt met de Eye10 Pagespeed-tool, neem dan rechtstreeks contact met ons op.

Pagespeed Insights is een officiële Google-tool en aangezien Google de belangrijkste zoekmachine ter wereld is, zou zo'n tool niet ontwikkeld zijn als het niet belangrijk was.

Uiteindelijk willen zoekmachines gebruikers naar de pagina's sturen die de beste ervaring bieden, aangezien zoekmachines ook met elkaar concurreren. Relevante websites die snel laden, zullen daarom altijd de voorkeur krijgen op trage, haperende websites.

Als gebruikers immers vertrekken omdat het te lang duurt om pagina's te laden, zelfs als uw inhoud methodisch SEO-geoptimaliseerd is, zal niemand blijven om het te lezen.

Het is dus zeker de moeite waard om alle suggesties die Eye10 u zal geven te bekijken, zodat uw website snel zal laden.

Google Pagespeed Insights rangschikt de URL-score van uw website aan de hand van de volgende categorieën:

90-100 - Goed
58-89 - Oké
0-49 - Slecht

Natuurlijk moet het laden van uw website tussen de 1 en 3 seconden duren, als u bedenkt dat 53% van de bezoeken door mobiele apparaten wordt afgebroken als het langer dan 3 seconden duurt om de pagina te laden.

Kijk naar de score die Eye10 u geeft voor de laadtijden van uw pagina's voor zowel Google Pagespeed Insights als GTmetrix, afhankelijk van of de site op desktop of mobiel wordt bezocht.

U krijgt dan een uitsplitsing van beide scores te zien, samen met een lijst van veranderingen die nodig zijn om de score te verbeteren, mochten er problemen worden ontdekt.

De Pagespeed Tool van Eye10 biedt tot 30 verzoeken per dag op een Professional-pakket of tot 100 verzoeken per dag op ons Enterprise-pakket.

U hoeft alleen maar uw URL in te voeren en Eye10 doet de rest! Wij raden u aan regelmatig te controleren hoe snel uw pagina's laden, vooral als u onlangs veranderingen aan uw website hebt aangebracht, zoals aan het ontwerp of de hostingmogelijkheden.

Ja, paginasnelheid is een ranking factor die met technische SEO te maken heeft.

Zoekmachines willen gebruikers niet naar websites sturen die er eeuwen over doen om te laden, want dat leidt tot een slechte gebruikerservaring. Als u dus hoger in de zoekmachineranking wilt komen, moet u alles in het werk stellen om de tijd die uw pagina's nodig hebben om volledig te laden, te verkorten.

Er zijn een groot aantal aspecten binnen uw website die geoptimaliseerd kunnen worden om een snellere laadtijd van uw website te bereiken. Hier ziet u een overzicht van de zaken die wij aanraden om te controleren.

Upgrade de hostingmogelijkheden van uw website - Na verloop van tijd zal het verkeer op uw website, en niet te vergeten de omvang ervan, waarschijnlijk toenemen. Zorg ervoor dat uw website de hoeveelheid verkeer aankan die hij krijgt. Het kan ook zijn dat u een hostingpakket heeft gekozen dat slechte resultaten geeft wat betreft de laadtijd van de pagina's, dus controleer de snelheid bij uw hostingprovider en vergelijk dit met andere providers om te zien of u op het juiste pakket zit of niet.

Gebruik een CDN - Een CDN staat voor content delivery network. In wezen repliceert een CDN versies van uw website op servers die zich over de hele wereld bevinden, waardoor het laden van uw pagina minder tijd kost. U kunt een CDN gebruiken als uw hostingprovider niet in hetzelfde land is als uw doelpubliek. Als u een wereldwijd doelpubliek voor uw website hebt, zijn CDN's ook aan te bevelen.

Optimaliseer afbeeldingen - In tegenstelling tot tekst zijn afbeeldingsbestanden veel aanzienlijker in omvang. Als de afbeeldingen op uw website niet verkleind zijn voordat ze geüpload worden (d.w.z. door het formaat van de afbeelding aan te passen), kunnen uw afbeeldingen een grote belasting vormen voor de bandbreedte van de gebruiker.

Controleer de websitecode op fouten - Ongeacht hoe uw website gebouwd is (inclusief voorgemaakte sjablonen), controleer of er geen duidelijke fouten of glitches zijn die uw pagina's vertragen.

Verwijder pop-ups - Pop-ups zijn een van de vele elementen die uw pagina's kunnen vertragen. Verwijder dergelijke elementen, zodat uw pagina's zo snel mogelijk kunnen laden.

Het is gemakkelijk om u te laten verleiden door goedkope hostingaanbiedingen of zelfs om de populairste namen op de markt te kiezen. Maar voordat u een hostingpakket voor uw website neemt, moet u de kleine lettertjes lezen. Kijk vooral naar de servercapaciteit die u krijgt om er zeker van te zijn dat u een pakket kiest dat echt aan de behoeften van uw website voldoet.

Kijk ook naar hoelang u aan het contract vastzit, mocht u servers moeten upgraden of zelfs van provider moeten veranderen. Het kan een ingewikkeld proces zijn om van hostingprovider te veranderen en sommige platforms kunnen beperkingen opleggen waardoor u dit niet voor een bepaalde tijd kunt doen.

Bedenk dat als de hostingprovider niet in uw land gevestigd is (d.w.z. uw website staat in het VK, maar uw website zal in de VS gehost worden), een CDN nodig zal zijn. Idealiter zou de hostingprovider dus altijd in hetzelfde land als uw website gevestigd moeten zijn om dit probleem helemaal te vermijden. Hoewel voor websites met een wereldwijd publiek (bv. blogs) een CDN nog steeds is aan te raden.

Zorg er ook voor dat u gebruikersrecensies bekijkt. Kies voor het hostingplatform met de beste pakketten gebaseerd op mogelijkheden en toestemmingen.

Toegegeven: niet alle ondernemers of startende bedrijven hebben het budget voor een webontwikkelaar of -ontwerper. Maar net als bij elke andere dienst die uw website nodig heeft, kan het zonder de vereiste deskundigheid voor een professioneel resultaat op den duur meer kosten om het probleem op te lossen.

Webontwikkelaars zijn verantwoordelijk voor het bouwen van uw website, terwijl webdesigners zich bezighouden met hoe uw website er eigenlijk uitziet. Beide specialismen kunnen ervoor zorgen dat uw website snel laadt. Als u een bestaande website heeft die traag laadt, zal het nieuwe ontwerp alle problemen van het huidige ontwerp moeten elimineren en dit doel kan alleen bereikt worden met de juiste expertise aan uw zijde.

Hoe dan ook raden wij u aan onze Pagespeed Tool te gebruiken en naar de analytische uitsplitsing te kijken om te zien waar uw website nu staat. Daarnaast zullen de gegevens wanneer uw website momenteel actief is u in de juiste richting wijzen als het erom gaat te begrijpen welke aspecten van uw website de zaken vertragen.

Nog een reden waarom webontwikkelaars en -designers een integrerend deel uitmaken van het websitebouwproces is dat zij advies kunnen geven over welke elementen simpelweg niet nodig zijn om op uw website op te nemen. Of die geoptimaliseerd kunnen worden, zodat ze minder tijd nodig hebben om op de pagina te laden.

Als u uw eigen website ontwerpt, bedenk dan welke elementen uw pagina echt nodig heeft om de beoogde functie te vervullen. Onnodige elementen zullen geen toegevoegde waarde hebben voor uw gebruikers, en erger nog, ze zullen uw pagina vertragen.

Ons laatste punt is ervoor te zorgen dat u niet alleen uw website bouwt en hem dan vergeet! Zoals voor alle aspecten van uw SEO geldt, kunt u door regelmatig de status van uw paginasnelheid te controleren met de Pagespeed Tool van Eye10 eventuele problemen snel aanpakken. Anders kan het zijn dat u helemaal niet weet dat bepaalde pagina's traag laden, wat een slechte gebruikerservaring en een hoog bouncepercentage veroorzaakt.

Eye10 biedt een royaal aantal dagelijkse aanvragen voor Pagespeed Tool, dus zorg ervoor dat u deze gebruikt zodat uw website echt van uw abonnement profiteert.