Test gotowości · ścieżka Przyspiesz · waga 6
Nowoczesne formaty obrazów w użyciu
Na stronie głównej zawierającej co najmniej trzy obrazy część obrazów używa WebP lub AVIF (na podstawie typu pliku, typu elementu source lub parametru formatu w CDN obrazów).
- Zaobserwowano w
- 40%
- Pierwszy tysiąc witryn
- 42%
- Przedział pierwszego miliona
- 40%
- Nie zmierzono
- 62,841
spośród 123,215 witryn objętych pomiarem
219 objętych pomiarem
68,845 objętych pomiarem
zablokowano, wymagano dodatkowej weryfikacji lub test nie ma zastosowania
Dlaczego to ważne
WebP i AVIF są zazwyczaj znacznie mniejsze niż JPEG lub PNG przy podobnej jakości, a obrazy często stanowią największą pod względem rozmiaru część strony.
Jak rozwiązać problem
Dostarczaj WebP lub AVIF z JPEG lub PNG jako formatem zapasowym, korzystając z CDN obrazów lub generując oba formaty podczas budowania witryny.
Jak testujemy
Na stronie głównej zawierającej co najmniej trzy obrazy część obrazów używa WebP lub AVIF (na podstawie typu pliku, typu elementu source lub parametru formatu w CDN obrazów).
Zaobserwowano: Wykryto obrazy WebP lub AVIF.
Nie zaobserwowano: Nie wykryto obrazów WebP ani AVIF.
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: WordPress obsługuje przesyłanie plików WebP od 5.8, a AVIF od 6.5; wtyczki do obrazów lub dostawca hostingu mogą przekonwertować istniejące obrazy.
- Next.js: Komponent next/image automatycznie dostarcza zoptymalizowane formaty.
- Nuxt: Nuxt Image może generować WebP i AVIF.
- Cloudflare: Cloudflare Polish może konwertować obrazy na WebP.
- Vercel: Vercel Image Optimization dostarcza nowoczesne formaty.
- Shopify: CDN obrazów od Shopify może dostarczać nowoczesne formaty; stosuj wytyczne Shopify dotyczące wydajności internetowej motywów.
Według przedziału popularności
| Przedział Chrome UX Report | Zaobserwowano | Zmierzono |
|---|---|---|
| Pierwszy 1 tys. | 42% | 219 |
| Pierwsze 5 tys. | 38% | 1,042 |
| Pierwsze 10 tys. | 41% | 1,351 |
| Pierwsze 50 tys. | 39% | 10,382 |
| Pierwsze 100 tys. | 40% | 10,125 |
| Pierwsze 500 tys. | 39% | 31,251 |
| Pierwszy 1 mln | 40% | 68,845 |
Kategorie, w których jest to najbardziej prawdopodobne
Kategorie, w których jest to najmniej prawdopodobne
Według stosu technologicznego
- Astro on Amazon CloudFront83%
- Webflow81%
- Astro on Cloudflare78%
- Astro75%
- Gatsby72%
- Gatsby on Amazon CloudFront71%
- Nuxt on Amazon CloudFront62%
- Nuxt on Cloudflare58%
- Nuxt56%
- Nuxt on Google edge55%
- Angular on Cloudflare55%
- HubSpot CMS55%
- Shopify53%
- Angular53%
- Next.js on Amazon CloudFront50%
- Next.js on Azure Front Door/CDN49%
- Next.js on Google edge49%
- Next.js on Cloudflare48%
- WordPress on Cloudflare47%
- WordPress on Amazon CloudFront47%
- Drupal on Amazon CloudFront45%
- Drupal on Cloudflare45%
- Drupal on Fastly44%
- Next.js44%
- PrestaShop on Cloudflare44%
- Angular on Amazon CloudFront44%
- WordPress on Google edge44%
- Next.js on Netlify43%
- WordPress on Vercel43%
- WordPress43%
- Next.js on Vercel43%
- Bitrix42%
- Drupal40%
- Magento / Adobe Commerce on Cloudflare40%
- Wix39%
- Next.js on Akamai39%
- Drupal on Akamai38%
- WordPress on Fastly38%
- PrestaShop36%
- WordPress on Sucuri35%
- Magento / Adobe Commerce34%
- Next.js on Fastly32%
- WordPress on Imperva31%
- GoDaddy Website Builder31%
- Blogger30%
- Adobe Experience Manager on Amazon CloudFront29%
- Sitecore on Azure Front Door/CDN26%
- Joomla26%
- Adobe Experience Manager25%
- Adobe Experience Manager on Cloudflare25%
- BigCommerce25%
- Tilda22%
- Squarespace21%
- Sitecore16%
- Sitecore on Cloudflare16%
- Adobe Experience Manager on Akamai14%
Według dostawcy
- Netlify52%
- Cloudflare47%
- Bunny CDN46%
- Amazon CloudFront46%
- Vercel46%
- Fastly44%
- Azure Front Door/CDN42%
- Alibaba Cloud CDN40%
- Google edge40%
- Imperva35%
- Sucuri33%
- Akamai27%
Popularne witryny, w których to zaobserwowaliśmy
Źródła i poradniki
- web.dev: używaj obrazów WebP
- WordPress 5.8 dodaje obsługę WebP
- WordPress 6.5 dodaje obsługę AVIF
- Next.js: komponent Image
- Nuxt Image
- Cloudflare Polish
Poradnik: AVIF, WebP, JPEG i PNG: Wybierz właściwy format obrazuSprawdź własną witrynę