Pemeriksaan kesiapan · Jalur Percepat · bobot 5
Tidak ada skrip yang menghambat rendering di bagian head
Setiap skrip eksternal di bagian head dokumen menggunakan async, defer, atau type="module".
- Teramati pada
- 44%
- Situs 1K teratas
- 55%
- Kelompok 1M teratas
- 43%
- Tidak diukur
- 41,582
dari 144,474 situs yang diukur
285 diukur
79,072 diukur
diblokir, diminta melewati tantangan verifikasi, atau tidak berlaku
Mengapa ini penting
Elemen script biasa dengan atribut src di bagian head menghentikan browser menampilkan apa pun hingga file tersebut selesai diunduh dan dijalankan.
Cara memperbaikinya
Tambahkan defer pada skrip yang memerlukan DOM, async pada skrip independen seperti analitik, atau pindahkan skrip ke akhir bagian body.
Cara kami memeriksa
Setiap skrip eksternal di bagian head dokumen menggunakan async, defer, atau type="module".
Teramati: Skrip di bagian head dimuat tanpa memblokir rendering.
Tidak teramati: Satu atau beberapa skrip di bagian head memblokir rendering.
Batasan: Berdasarkan HTML halaman beranda yang dikirim ke klien otomatis; skrip yang berjalan kemudian tidak dieksekusi.
Langkah khusus tumpukan teknologi
- Next.js: Gunakan komponen next/script dengan strategi pemuatan yang sesuai.
- WordPress: Sejak WordPress 6.3, skrip dapat didaftarkan dengan strategi pemuatan defer atau async.
Menurut kelompok popularitas
| Rentang Chrome UX Report | Teramati | Terukur |
|---|---|---|
| 1 Ribu Teratas | 55% | 285 |
| 5 Ribu Teratas | 53% | 1,306 |
| 10 Ribu Teratas | 50% | 1,650 |
| 50 Ribu Teratas | 48% | 12,738 |
| 100 Ribu Teratas | 46% | 12,021 |
| 500 Ribu Teratas | 45% | 37,402 |
| 1 Juta Teratas | 43% | 79,072 |
Kategori yang paling mungkin melakukan ini
Kategori yang paling kecil kemungkinannya
Menurut stack
- Astro on Cloudflare87%
- Nuxt on Google edge86%
- Astro82%
- Nuxt on Cloudflare79%
- Astro on Amazon CloudFront77%
- Angular on Cloudflare76%
- Angular on Amazon CloudFront76%
- Nuxt76%
- Angular76%
- Nuxt on Amazon CloudFront71%
- Gatsby67%
- Shopify63%
- Gatsby on Amazon CloudFront57%
- Blogger54%
- PrestaShop50%
- Bitrix48%
- PrestaShop on Cloudflare48%
- Next.js on Fastly46%
- GoDaddy Website Builder46%
- WordPress on Vercel44%
- Squarespace42%
- Sitecore on Azure Front Door/CDN41%
- Next.js on Azure Front Door/CDN40%
- Next.js on Amazon CloudFront39%
- Sitecore38%
- HubSpot CMS38%
- Drupal on Amazon CloudFront37%
- WordPress on Google edge37%
- Adobe Experience Manager on Amazon CloudFront37%
- Next.js on Akamai37%
- Magento / Adobe Commerce on Cloudflare37%
- Drupal35%
- Next.js on Google edge34%
- Magento / Adobe Commerce34%
- Next.js on Netlify33%
- Drupal on Cloudflare32%
- Next.js32%
- Adobe Experience Manager on Cloudflare30%
- WordPress on Amazon CloudFront29%
- Next.js on Cloudflare28%
- Adobe Experience Manager28%
- Adobe Experience Manager on Akamai28%
- WordPress on Cloudflare27%
- Drupal on Akamai27%
- WordPress on Fastly27%
- Drupal on Fastly26%
- WordPress24%
- Next.js on Vercel23%
- Sitecore on Cloudflare23%
- Webflow22%
- WordPress on Imperva18%
- WordPress on Sucuri14%
- Tilda8.8%
- BigCommerce8%
- Joomla5.1%
- Wix4.2%
Menurut penyedia
- Netlify63%
- Google edge52%
- Cloudflare49%
- Amazon CloudFront47%
- Bunny CDN45%
- Fastly44%
- Alibaba Cloud CDN40%
- Azure Front Door/CDN38%
- Akamai34%
- Vercel33%
- Sucuri28%
- Imperva26%
Situs populer tempat kami mengamati hal ini
Sumber dan panduan
- Chrome Lighthouse: menghilangkan sumber daya yang memblokir rendering
- MDN: atribut defer pada script
- Next.js: komponen Script
- WordPress 6.3: skrip dengan async dan defer
Panduan: Kendalikan Skrip Pihak Ketiga Sebelum Mereka Mengendalikan Halaman AndaPeriksa situs Anda sendiri