Test gotowości · ścieżka Przyspiesz · waga 4
Obrazy poza widocznym obszarem są ładowane z opóźnieniem
Na stronie głównej zawierającej co najmniej sześć obrazów co najmniej jeden używa loading="lazy".
- Zaobserwowano w
- 61%
- Pierwszy tysiąc witryn
- 63%
- Przedział pierwszego miliona
- 60%
- Nie zmierzono
- 68,816
spośród 117,240 witryn objętych pomiarem
200 objętych pomiarem
65,763 objętych pomiarem
zablokowano, wymagano dodatkowej weryfikacji lub test nie ma zastosowania
Dlaczego to ważne
Obrazy poniżej obszaru widocznego bez przewijania są pobierane dopiero wtedy, gdy odwiedzający przewinie stronę w ich pobliże, co zwalnia przepustowość dla treści widocznych na początku.
Jak rozwiązać problem
Dodaj loading="lazy" do obrazów poniżej obszaru widocznego bez przewijania. Nie stosuj leniwego ładowania do głównego obrazu otwierającego stronę, ponieważ opóźnia to załadowanie największego widocznego elementu.
Jak testujemy
Na stronie głównej zawierającej co najmniej sześć obrazów co najmniej jeden używa loading="lazy".
Zaobserwowano: Natywne leniwe ładowanie w użyciu.
Nie zaobserwowano: Nie wykryto natywnego leniwego ładowania obrazów.
Ograniczenie: Ocena opiera się na HTML strony głównej dostarczonym zautomatyzowanemu klientowi; skrypty uruchamiane później nie zostały wykonane.
Kroki dla poszczególnych stosów technologicznych
- WordPress: Od wersji 5.5 WordPress domyślnie dodaje do obrazów loading="lazy"; sprawdź, czy motyw lub wtyczka nie usunęły tego atrybutu.
Według przedziału popularności
| Przedział Chrome UX Report | Zaobserwowano | Zmierzono |
|---|---|---|
| Pierwszy 1 tys. | 63% | 200 |
| Pierwsze 5 tys. | 65% | 976 |
| Pierwsze 10 tys. | 62% | 1,275 |
| Pierwsze 50 tys. | 61% | 9,767 |
| Pierwsze 100 tys. | 62% | 9,593 |
| Pierwsze 500 tys. | 62% | 29,666 |
| Pierwszy 1 mln | 60% | 65,763 |
Kategorie, w których jest to najbardziej prawdopodobne
Kategorie, w których jest to najmniej prawdopodobne
Według stosu technologicznego
- 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%
Według dostawcy
- Vercel94%
- Netlify83%
- Bunny CDN73%
- Cloudflare72%
- Fastly72%
- Amazon CloudFront68%
- Akamai68%
- Azure Front Door/CDN65%
- Google edge63%
- Imperva57%
- Sucuri54%
- Alibaba Cloud CDN42%
Popularne witryny, w których to zaobserwowaliśmy
Źródła i poradniki
Poradnik: Lazy Loading bez łamania stronSprawdź własną witrynę