--- title: "Wat is Lazy loading? Uitleg en betekenis | Keurig Online" description: "Lazy loading is een techniek waarbij afbeeldingen en content pas worden geladen wanneer ze in beeld komen." canonical: https://www.keurigonline.nl/begrippenlijst/lazy-loading last_modified: 2025-12-18 --- [Terug naar begrippenlijst](https://www.keurigonline.nl/begrippenlijst) # Lazy loading Lazy loading is een techniek waarbij afbeeldingen en content pas worden geladen wanneer ze in beeld komen. Lazy loading is een performanceoptimalisatie waarbij afbeeldingen, video's en andere content pas worden geladen op het moment dat de gebruiker ernaar scrollt. Dit versnelt de initiële laadtijd aanzienlijk omdat alleen de content die direct zichtbaar is meteen wordt geladen. De rest volgt pas wanneer nodig. De techniek werkt door gebruik te maken van de Intersection Observer API of het native HTML loading attribuut. Moderne browsers ondersteunen het loading="lazy" attribuut sinds 2019, waarmee je eenvoudig lazy loading kunt implementeren zonder JavaScript. Voor oudere browsers zijn JavaScript-oplossingen beschikbaar die de Intersection Observer API gebruiken. Lazy loading verbetert Core Web Vitals zoals First Contentful Paint (FCP) en kan de Largest Contentful Paint (LCP) verbeteren, maar alleen wanneer correct toegepast. Het is cruciaal om above-the-fold afbeeldingen niet lazy te laden, omdat dit juist de LCP verslechtert. Gebruik loading="eager" voor belangrijke content die meteen zichtbaar is. WordPress heeft native lazy loading standaard ingebouwd sinds versie 5.5 (augustus 2020). Dit bespaart bandbreedte voor zowel servers als gebruikers. De techniek is vooral effectief voor websites met veel afbeeldingen of lange pagina's waar gebruikers niet altijd helemaal naar beneden scrollen. ## Geschiedenis De Intersection Observer API werd ontwikkeld om lazy loading en andere visibility-detectie efficiënter te maken. Voor deze API waren oplossingen onbetrouwbaar en zorgden ze vaak voor performance-problemen. De API maakt het mogelijk om asynchroon te detecteren wanneer elementen in beeld komen. Het HTML loading attribuut werd in 2019 toegevoegd aan de [WHATWG HTML Living Standard](https://html.spec.whatwg.org/multipage/urls-and-fetching.html). Chrome ondersteunde het vanaf versie 76 (2019), Firefox vanaf versie 75 (2020), en Safari vanaf versie 15.4 (2022). Dit maakte native lazy loading mogelijk zonder JavaScript. Belangrijke mijlpalen: - **2016:** [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) geïntroduceerd - **2019:** Chrome 76 krijgt native loading attribuut support - **2020:** [WordPress 5.5](https://make.wordpress.org/core/2020/07/14/lazy-loading-images-in-5-5/) introduceert standaard lazy loading (augustus 2020) - **2022:** [Safari voegt loading attribuut support toe](https://caniuse.com/loading-lazy-attr) ## Bronnen 1. **WHATWG** - [HTML Standard - Lazy Loading Specification](https://html.spec.whatwg.org/multipage/urls-and-fetching.html) 2. **MDN Web Docs** - [Lazy Loading Performance Guide](https://developer.mozilla.org/en-US/docs/Web/Performance/Guides/Lazy_loading) 3. **web.dev** - [Browser-level Image Lazy Loading](https://web.dev/articles/browser-level-image-lazy-loading) 4. **Can I Use** - [Lazy Loading via Attribute Browser Support](https://caniuse.com/loading-lazy-attr) 5. **WordPress Core** - [Lazy-loading Images in WordPress 5.5](https://make.wordpress.org/core/2020/07/14/lazy-loading-images-in-5-5/) ## Gerelateerde artikelen Hosting 28 jun 2026 [AI hosting vereisten: performance en kosten uitgelegd](https://www.keurigonline.nl/blog/ai-hosting-vereisten) Begrens het aantal API-aanroepen per IP-adres per minuut. Zo voorkom je dat een plotselinge bezoekerspiek of een botaanval je maandelijkse API-rekening onverwacht opdrijft. De meeste API-providers bieden budgetlimieten in hun dashboard, maar een extra laag op serverniveau via NGINX `limit_req` of een middleware-rate-limiter geeft meer zekerheid. ### Lazy loading van AI-widgets Laad het chatbot-widget pas als de bezoeker ermee wil communiceren: op scroll of klik. Dit verbetert je Core Web Vitals (LCP en TBT) en vermindert onnodige API-initialisaties. WordPress-specifieke optimalisatietips, ook voor sites met AI-features, vind je in ons artikel over [WordPress sneller maken](https://www.keurigonline.nl/blog/wordpress-sneller-maken). SEO 22 jun 2026 [Technische SEO checklist 2026: stappenplan voor snellere rankings](https://www.keurigonline.nl/blog/technische-seo-checklist-2026) - **Webfonts preloaden.** Gebruik `` voor lettertypes en stel `font-display: swap` in om onzichtbare tekst tijdens het laden te voorkomen. 80,4% van alle gescande sites mist alt-attributen op afbeeldingen, en ontbrekende afmetingen zijn een van de meest voorkomende CLS-oorzaken.[\[5\]](https://ahrefs.com/blog/seo-statistics) Ons artikel over [afbeeldingen optimaliseren voor SEO](https://www.keurigonline.nl/blog/afbeeldingen-optimaliseren-voor-seo) behandelt WebP-conversie, lazy loading en correcte alt-teksten in detail. ## Checklist 2: Crawlbaarheid en indexering Een site die Google niet efficiënt kan crawlen, verliest de race nog voordat rankingfactoren een rol spelen. 95,2% van alle gescande sites heeft redirect-gerelateerde problemen die crawlbudget verspillen.[\[5\]](https://ahrefs.com/blog/seo-statistics) Tegelijkertijd herstelden sites met een crawl-efficiëntie boven de 95% na de March 2026 update 40% sneller dan sites met meer crawlverspilling.[\[6\]](https://seoengico.com/blog/google-core-updates-2026) SEO 22 jun 2026 [Website snelheid SEO & hosting: zo richt je het optimaal in](https://www.keurigonline.nl/blog/website-snelheid-seo-hosting) Via `Cache-Control`-headers stel je in hoe lang statische bestanden lokaal worden bewaard in de browser van de bezoeker. Gebruik `max-age=31536000` voor afbeeldingen, CSS en JavaScript die zelden wijzigen. Dit bespaart herhaalde downloads bij terugkerende bezoekers. Caching optimaliseert de serverkant. Voor de frontend, afbeeldingen, render-blocking scripts en lazy loading, lees je alles in de gids [je WordPress sneller maken](https://www.keurigonline.nl/blog/wordpress-sneller-maken). ## Praktische checklist: jouw hosting-setup geoptimaliseerd voor SEO Loop deze actiepunten door in volgorde van impact. Elk punt is direct meetbaar met gratis tools.