Pemeriksaan kesiapan · Jalur Percepat · bobot 6
Format gambar modern digunakan
Pada halaman beranda dengan setidaknya tiga gambar, sebagian gambar menggunakan WebP atau AVIF (berdasarkan jenis file, jenis elemen source, atau parameter format CDN gambar).
- Teramati pada
- 40%
- Situs 1K teratas
- 42%
- Kelompok 1M teratas
- 40%
- Tidak diukur
- 62,841
dari 123,215 situs yang diukur
219 diukur
68,845 diukur
diblokir, diminta melewati tantangan verifikasi, atau tidak berlaku
Mengapa ini penting
WebP dan AVIF biasanya berukuran jauh lebih kecil daripada JPEG atau PNG pada kualitas serupa, dan gambar sering kali merupakan bagian terberat dari sebuah halaman.
Cara memperbaikinya
Sajikan WebP atau AVIF dengan JPEG atau PNG sebagai alternatif cadangan, baik melalui CDN gambar maupun dengan menghasilkan kedua format saat proses build.
Cara kami memeriksa
Pada halaman beranda dengan setidaknya tiga gambar, sebagian gambar menggunakan WebP atau AVIF (berdasarkan jenis file, jenis elemen source, atau parameter format CDN gambar).
Teramati: Gambar WebP atau AVIF terdeteksi.
Tidak teramati: Tidak ada gambar WebP atau AVIF yang terdeteksi.
Batasan: Berdasarkan HTML halaman beranda yang dikirim ke klien otomatis; skrip yang berjalan kemudian tidak dieksekusi.
Langkah khusus tumpukan teknologi
- WordPress: WordPress mendukung unggahan WebP sejak 5.8 dan AVIF sejak 6.5; plugin gambar atau penyedia hosting dapat mengonversi gambar yang sudah ada.
- Next.js: Komponen next/image menyajikan format yang dioptimalkan secara otomatis.
- Nuxt: Nuxt Image dapat menghasilkan WebP dan AVIF.
- Cloudflare: Cloudflare Polish dapat mengonversi gambar menjadi WebP.
- Vercel: Vercel Image Optimization menyajikan format modern.
- Shopify: CDN gambar Shopify dapat menyajikan format modern; ikuti panduan performa web dari Shopify untuk tema.
Menurut kelompok popularitas
| Rentang Chrome UX Report | Teramati | Terukur |
|---|---|---|
| 1 Ribu Teratas | 42% | 219 |
| 5 Ribu Teratas | 38% | 1,042 |
| 10 Ribu Teratas | 41% | 1,351 |
| 50 Ribu Teratas | 39% | 10,382 |
| 100 Ribu Teratas | 40% | 10,125 |
| 500 Ribu Teratas | 39% | 31,251 |
| 1 Juta Teratas | 40% | 68,845 |
Kategori yang paling mungkin melakukan ini
Kategori yang paling kecil kemungkinannya
Menurut stack
- 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%
Menurut penyedia
- Netlify52%
- Cloudflare47%
- Bunny CDN46%
- Amazon CloudFront46%
- Vercel46%
- Fastly44%
- Azure Front Door/CDN42%
- Alibaba Cloud CDN40%
- Google edge40%
- Imperva35%
- Sucuri33%
- Akamai27%
Situs populer tempat kami mengamati hal ini
Sumber dan panduan
- web.dev: gunakan gambar WebP
- WordPress 5.8 menambahkan dukungan WebP
- WordPress 6.5 menambahkan dukungan AVIF
- Next.js: komponen Image
- Nuxt Image
- Cloudflare Polish
Panduan: AVIF, WebP, JPEG, dan PNG: Pilih Format Gambar yang TepatPeriksa situs Anda sendiri