Pemeriksaan kesiapan · Jalur Percepat · bobot 4
Gambar di luar layar dimuat secara tertunda
Pada halaman beranda dengan setidaknya enam gambar, setidaknya satu menggunakan loading="lazy".
- Teramati pada
- 61%
- Situs 1K teratas
- 63%
- Kelompok 1M teratas
- 60%
- Tidak diukur
- 68,816
dari 117,240 situs yang diukur
200 diukur
65,763 diukur
diblokir, diminta melewati tantangan verifikasi, atau tidak berlaku
Mengapa ini penting
Gambar di bawah area tampilan awal hanya diunduh ketika pengunjung menggulir mendekatinya, sehingga bandwidth tersedia untuk konten yang terlihat terlebih dahulu.
Cara memperbaikinya
Tambahkan loading="lazy" pada gambar di bawah area tampilan awal. Jangan terapkan pemuatan tertunda pada gambar hero utama, karena hal itu menunda elemen terbesar yang terlihat.
Cara kami memeriksa
Pada halaman beranda dengan setidaknya enam gambar, setidaknya satu menggunakan loading="lazy".
Teramati: Pemuatan tertunda bawaan digunakan.
Tidak teramati: Tidak ditemukan pemuatan lambat bawaan.
Batasan: Berdasarkan HTML halaman beranda yang dikirim ke klien otomatis; skrip yang berjalan kemudian tidak dieksekusi.
Langkah khusus tumpukan teknologi
- WordPress: WordPress telah menambahkan loading="lazy" pada gambar secara default sejak 5.5; periksa apakah tema atau plugin Anda telah menghapusnya.
Menurut kelompok popularitas
| Rentang Chrome UX Report | Teramati | Terukur |
|---|---|---|
| 1 Ribu Teratas | 63% | 200 |
| 5 Ribu Teratas | 65% | 976 |
| 10 Ribu Teratas | 62% | 1,275 |
| 50 Ribu Teratas | 61% | 9,767 |
| 100 Ribu Teratas | 62% | 9,593 |
| 500 Ribu Teratas | 62% | 29,666 |
| 1 Juta Teratas | 60% | 65,763 |
Kategori yang paling mungkin melakukan ini
Kategori yang paling kecil kemungkinannya
Menurut 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%
Menurut penyedia
- Vercel94%
- Netlify83%
- Bunny CDN73%
- Cloudflare72%
- Fastly72%
- Amazon CloudFront68%
- Akamai68%
- Azure Front Door/CDN65%
- Google edge63%
- Imperva57%
- Sucuri54%
- Alibaba Cloud CDN42%
Situs populer tempat kami mengamati hal ini
Sumber dan panduan
Panduan: Lazy Loading Tanpa Halaman RusakPeriksa situs Anda sendiri