Readiness-Check · Bereich Beschleunigen · Gewichtung 4
Bilder außerhalb des sichtbaren Bereichs werden verzögert geladen
Auf einer Startseite mit mindestens sechs Bildern verwendet mindestens eines loading="lazy".
- Beobachtet auf
- 61%
- Top-1K-Websites
- 63%
- Top-1M-Gruppe
- 60%
- Nicht gemessen
- 68,816
von 117,240 gemessenen Websites
200 gemessen
65,763 gemessen
blockiert, durch eine Sicherheitsabfrage eingeschränkt oder nicht anwendbar
Warum das wichtig ist
Bilder unterhalb des zunächst sichtbaren Bereichs werden erst heruntergeladen, wenn Besucher in ihre Nähe scrollen. Dadurch bleibt Bandbreite für die zuerst sichtbaren Inhalte frei.
So beheben Sie das Problem
Fügen Sie Bildern unterhalb des zunächst sichtbaren Bereichs loading="lazy" hinzu. Laden Sie das zentrale Hero-Bild nicht verzögert, da dies die Anzeige des größten sichtbaren Elements verzögert.
So prüfen wir
Auf einer Startseite mit mindestens sechs Bildern verwendet mindestens eines loading="lazy".
Festgestellt: Natives verzögertes Laden im Einsatz.
Nicht festgestellt: Kein natives Lazy Loading gefunden.
Einschränkung: Grundlage ist das an einen automatisierten Client ausgelieferte HTML der Startseite; später ausgeführte Skripte wurden nicht ausgeführt.
Stack-spezifische Schritte
- WordPress: WordPress fügt Bildern seit 5.5 standardmäßig loading="lazy" hinzu; prüfen Sie, ob Ihr Theme oder ein Plugin es entfernt hat.
Nach Popularitätsgruppe
| Chrome UX Report-Bereich | Beobachtet | Gemessen |
|---|---|---|
| Top 1.000 | 63% | 200 |
| Top 5.000 | 65% | 976 |
| Top 10.000 | 62% | 1,275 |
| Top 50.000 | 61% | 9,767 |
| Top 100.000 | 62% | 9,593 |
| Top 500.000 | 62% | 29,666 |
| Top 1 Mio. | 60% | 65,763 |
Kategorien, in denen dies am wahrscheinlichsten ist
Kategorien, in denen dies am wenigsten wahrscheinlich ist
Nach Technologie-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%
Nach Anbieter
- Vercel94%
- Netlify83%
- Bunny CDN73%
- Cloudflare72%
- Fastly72%
- Amazon CloudFront68%
- Akamai68%
- Azure Front Door/CDN65%
- Google edge63%
- Imperva57%
- Sucuri54%
- Alibaba Cloud CDN42%
Beliebte Websites, auf denen wir dies beobachtet haben
Quellen und Leitfäden
Leitfaden: Lazy Loading ohne defekte SeitenPrüfen Sie Ihre eigene Website