Gereedheidscheck · Categorie Versnellen · gewicht 4
Afbeeldingen buiten beeld worden uitgesteld geladen
Op een homepage met minstens zes afbeeldingen gebruikt minstens één afbeelding loading="lazy".
- Waargenomen op
- 61%
- Top 1K-sites
- 63%
- Top 1M-groep
- 60%
- Niet gemeten
- 68,816
van 117,240 gemeten sites
200 gemeten
65,763 gemeten
geblokkeerd, onderworpen aan een verificatievraag of niet van toepassing
Waarom dit belangrijk is
Afbeeldingen onder de vouw worden pas gedownload wanneer de bezoeker tot vlakbij die afbeeldingen scrolt, waardoor bandbreedte vrijkomt voor wat het eerst zichtbaar is.
Hoe u dit oplost
Voeg loading="lazy" toe aan afbeeldingen onder de vouw. Laad de belangrijkste hero-afbeelding niet uitgesteld, omdat dit het grootste zichtbare element vertraagt.
Hoe we controleren
Op een homepage met minstens zes afbeeldingen gebruikt minstens één afbeelding loading="lazy".
Waargenomen: Native uitgesteld laden in gebruik.
Niet waargenomen: Geen native lazy loading gevonden.
Beperking: gebaseerd op de HTML van de homepage die aan een geautomatiseerde client is geleverd; scripts die later worden uitgevoerd, zijn niet uitgevoerd.
Stappen per stack
- WordPress: Sinds 5.5 voegt WordPress standaard loading="lazy" toe aan afbeeldingen; controleer of je thema of een plug-in dit niet heeft verwijderd.
Per populariteitsklasse
| Chrome UX Report-band | Waargenomen | Gemeten |
|---|---|---|
| Top 1K | 63% | 200 |
| Top 5K | 65% | 976 |
| Top 10K | 62% | 1,275 |
| Top 50K | 61% | 9,767 |
| Top 100K | 62% | 9,593 |
| Top 500K | 62% | 29,666 |
| Top 1M | 60% | 65,763 |
Categorieën waarin dit het vaakst voorkomt
Categorieën waarin dit het minst vaak voorkomt
Per stack
- Webflow97%
- Next.js on Vercel95%
- Next.js on Netlify93%
- Astro on Amazon CloudFront93%
- Astro on Cloudflare93%
- Astro92%
- Shopify91%
- Next.js91%
- Next.js on Cloudflare90%
- Next.js on Google edge90%
- Next.js on Amazon CloudFront90%
- Next.js on Fastly89%
- Next.js on Akamai89%
- Squarespace88%
- Next.js on Azure Front Door/CDN88%
- Drupal on Fastly87%
- HubSpot CMS87%
- WordPress on Vercel86%
- Gatsby on Amazon CloudFront85%
- Gatsby83%
- Drupal on Akamai82%
- Drupal on Cloudflare82%
- Wix82%
- Drupal on Amazon CloudFront80%
- Magento / Adobe Commerce on Cloudflare80%
- Nuxt on Google edge77%
- Magento / Adobe Commerce77%
- Angular on Cloudflare77%
- Drupal77%
- PrestaShop on Cloudflare76%
- Nuxt on Cloudflare75%
- Angular on Amazon CloudFront75%
- Nuxt on Amazon CloudFront75%
- WordPress on Fastly74%
- Angular74%
- Nuxt71%
- WordPress on Google edge70%
- WordPress69%
- WordPress on Cloudflare69%
- PrestaShop68%
- Adobe Experience Manager on Akamai68%
- WordPress on Amazon CloudFront66%
- BigCommerce66%
- Adobe Experience Manager on Amazon CloudFront65%
- Adobe Experience Manager on Cloudflare64%
- WordPress on Sucuri63%
- WordPress on Imperva62%
- Sitecore on Azure Front Door/CDN61%
- Adobe Experience Manager61%
- GoDaddy Website Builder52%
- Sitecore on Cloudflare52%
- Sitecore49%
- Joomla41%
- Blogger40%
- Bitrix35%
- Tilda13%
Per provider
- Vercel94%
- Netlify83%
- Bunny CDN73%
- Cloudflare72%
- Fastly72%
- Amazon CloudFront68%
- Akamai68%
- Azure Front Door/CDN65%
- Google edge63%
- Imperva57%
- Sucuri54%
- Alibaba Cloud CDN42%
Populaire sites waarop we dit hebben waargenomen
Bronnen en handleidingen
Handleiding: Lazy loading zonder kapotte pagina'sControleer uw eigen site