Speed Index (Lighthouse)

Een snelle website creëren? Onder andere een lage Speed Index is in dit geval van groot belang. Wat is een Speed Index en waarom speelt dit een grote rol in je website? Dat lees je hier!
Wat is Speed Index?
Speed Index is een meetinstrument voor een website. Het bepaalt de laadtijd van zichtbare delen op de pagina. Lighthouse, de open source tool van Google, biedt deze en andere metrics om de performance van een website te meten en te verbeteren. (1) (2)
Het belang van een lage Speed Index
De metric Speed Index is een van de 6 manieren waarop je de performance van een website meet. Speed Index meet de tijd die nodig is voor het laden van de zichtbare delen van een pagina. Met Lighthouse krijg je inzicht in de Speed Index van een pagina: het berekent de visuele progressie tussen diverse frames. Bij Speed Index geldt: hoe korter de tijd, hoe beter.
Speed Index is een van de meetpunten die het zwaarst wegen, samen met de Time to Interactive (TTI) en de First Contentful Paint (FCP). Onder andere Javascript is een mogelijke reden dat de laadtijd voor zichtbare delen van een pagina hoog is. Het inladen van onnodige JavaScript bestanden kost extra tijd.
De impact van Speed Index op de SEO
De Speed Index heeft zeker impact op de SEO van een website of pagina. Snelheid is een belangrijke factor bij SEO en met het verbeteren van de Speed Index, samen met de TTI en FCP is het mogelijk de website te optimaliseren. Dit is onder andere mogelijk met Lighthouse, de open source tool die deze metrics aanbiedt. Je krijgt hiermee inzicht en mogelijkheden om bepaalde veranderingen door te voeren.
Mijn advies
We raden aan om gebruik te maken van Lighthouse om inzicht te krijgen in de Speed Index en andere belangrijke zaken die van invloed zijn op de ranking in de zoekresultaten. Onder andere in het gebruik van Magento 2 is het zeker een aanrader om Lighthouse te gebruiken. Een ontwikkelaar kent goede oplossingen voor het verbeteren van de scores, bijvoorbeeld door aanpassingen in JavaScript.
Het meest complete boekwerk over de website snelheid
Ik heb zoveel geschreven over het versnellen van websites en alles wat hierbij komt kijken, dat ik het graag onderverdeel in verschillende secties; algemeen, tools, verbeterpunten voor de snelheid en tips. Zie en raadpleeg gerust alle onderstaande links voor meer informatie over tools en tips voor het versnellen van jouw website.
Algemeen
- Wat is de website snelheid
- Website snelheid: De onderverdeling tussen marketing en development
- De invloed van SEO op UX
- De invloed van webdesign op SEO
- SPA’s en SEO
- Wat zijn de Google Core Web Vitals?
Tools
Verbterpunten voor de snelheid
- First Contentful Paint (FCP)
- Time To First Byte (TTFB)
- Time To Interactive (TTI)
- Afbeelding voor Grootste weergave met content (LCP) vooraf laden
- Schakel tekstcompressie in
- Verklein de CSS
- Total Blocking Time (TBT)
- Verklein JavaScript
- Largest Contentful Paint
- Vermijd een te grote DOM
- Ongebruikte CSS verwijderen
- Verwijder ongebruikte JavaScript
- Lever afbeeldingen in moderne indelingen
- Maak vooraf verbinding met vereiste herkomsten
- Voorkomen dat verouderde JavaScript wordt geleverd aan moderne browsers
- Gebruik een efficiënt cache-beleid voor statische items
- Dubbele modules verwijderen uit JavaScript
- Vermijd meerdere redirects
- Codeer afbeeldingen op een efficiënte manier
- Gebruik lazy loading
- Laad belangrijke verzoeken vooraf
Algemene tips
- Tips om snel een video in te laden
- Het gebruiken van Edge SEO voor een snellere website
- Een Content Delivery Network installeren voor SEO
- Afbeeldingen optimaliseren voor SEO
- De invloed van hosting op SEO
- Speed Index. (2019, 2 mei). Chrome For Developers. https://web.dev/speed-index/
- Speed Index. (2019b, mei 2). Chrome For Developers. https://developers.google.com/web/tools/lighthouse/audits/speed-index
Veelgestelde vragen
Wat is Speed Index Lighthouse?
Speed Index is een opensource tool van Google waarmee de performance van een website kan worden gemeten en verbeterd. Zo kun je met Speed Index onder meer bepalen wat de laadtijd is van de verschillende zichtbare delen van een webpagina.
Wat is de impact van Speed Index Lighthouse op SEO?
Performance is een belangrijk component bij SEO. Met Speed Index Lighthouse kun je deze meten en verbeteren. Hoe beter jouw website laadt, des te hoger de ranking is die Google jouw site in de zoekresultaten zal geven.