Laad afbeeldingen die niet in beeld zijn nog niet

Een website met veel afbeeldingen laadt mogelijk langzamer. Je krijgt dan te maken met Laad afbeeldingen die niet in beeld zijn nog niet. Wat is Laad afbeeldingen die niet in beeld zijn nog niet en op welke manier los je dit op? We leggen het op deze pagina aan je uit.

Wat is Laad afbeeldingen die niet in beeld zijn nog niet?

Laad afbeeldingen die niet in beeld zijn nog niet is wanneer je meerdere afbeeldingen op een pagina hebt staan, maar slechts een van deze afbeeldingen komt meteen in beeld als de pagina laadt. Je krijgt de pagina pas te zien als alle andere afbeelding ook geladen zijn. 

Afbeeldingen sneller laden met lazy loading

Er is een handige oplossing voor Laad afbeeldingen die niet in beeld zijn nog niet: het principe lazy loading. Hierbij laadt een afbeelding pas op het moment dat deze bijna in beeld is. De eerste weergave is dan ook veel sneller. Deze lazy loading staat bij onder andere Wix en WordPress al standaard aan.

De aanbeveling over het laden van afbeeldingen krijg je met het gebruik van Google pageSpeed Insights.

De impact van Laad afbeeldingen die niet in beeld zijn nog niet op de SEO

Laad afbeeldingen die niet in beeld zijn nog niet heeft in zekere zin wel  impact op de SEO van een website of pagina. Het niet laden van afbeeldingen kost veel tijd; dit is niet aangenaam voor de bezoeker van een website. Daarnaast heeft dit ook impact op de zoekmachine optimalisatie, omdat deze de gebruikservaring op een website en de snelheid van een website steeds vaker meeneemt in de beoordeling van een site. Het heeft daarmee ook invloed op de ranking in de zoekresultaten.

Mijn advies

We raden aan om een oplossing te zoeken voor het probleem Laad afbeeldingen die niet in beeld zijn nog niet. Dit is onder andere mogelijk met lazy loading. Het gebruik van Google pageSpeed Insights is daarnaast ook een slimme manier om meer inzicht te krijgen in de content van je webpagina. Een goede analyse stelt je in staat om de nodige aanpassingen door te voeren.

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

• Autoptimize
• Pagespeed.Compare
• W3 Total Cache
• Tools Pingdom
• Google Pagespeed Insights
• GTMetrix

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)
• Speed Index
• 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
• 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