Pagsusuri ng kahandaan · Hanay na Pabilisin · bigat 4
Gumagamit ng lazy loading ang mga larawang wala sa nakikitang bahagi ng screen
Sa homepage na may hindi bababa sa anim na larawan, gumagamit ang kahit isa ng loading="lazy".
- Nakita sa
- 61%
- Nangungunang 1K site
- 63%
- Pangkat ng nangungunang 1M
- 60%
- Hindi nasukat
- 68,816
sa 117,240 nasukat na site
200 nasukat
65,763 nasukat
hinarangan, hiningan ng karagdagang pagpapatunay o hindi naaangkop
Bakit ito mahalaga
Dina-download lamang ang mga larawang nasa ibaba ng unang nakikitang bahagi ng pahina kapag nag-scroll ang bisita malapit sa mga ito, kaya nalalaan ang bandwidth para sa unang nakikitang nilalaman.
Paano ito ayusin
Magdagdag ng loading="lazy" sa mga larawang nasa ibaba ng unang nakikitang bahagi ng pahina. Huwag gumamit ng lazy loading para sa pangunahing hero image, dahil naaantala nito ang pinakamalaking nakikitang elemento.
Paano namin sinusuri
Sa homepage na may hindi bababa sa anim na larawan, gumagamit ang kahit isa ng loading="lazy".
Naobserbahan: Ginagamit ang native lazy loading.
Hindi naobserbahan: Walang natagpuang native na lazy loading.
Limitasyon: Batay sa HTML ng homepage na inihatid sa isang awtomatikong client; hindi pinatakbo ang mga script na tumatakbo sa ibang pagkakataon.
Mga hakbang na partikular sa stack
- WordPress: Mula noong 5.5, nagdaragdag na ang WordPress ng loading="lazy" sa mga larawan bilang default; tiyaking hindi ito inalis ng iyong theme o ng isang plugin.
Ayon sa pangkat ng popularidad
| Saklaw ng Chrome UX Report | Naobserbahan | Nasukat |
|---|---|---|
| Nangungunang 1K | 63% | 200 |
| Nangungunang 5K | 65% | 976 |
| Nangungunang 10K | 62% | 1,275 |
| Nangungunang 50K | 61% | 9,767 |
| Nangungunang 100K | 62% | 9,593 |
| Nangungunang 500K | 62% | 29,666 |
| Nangungunang 1M | 60% | 65,763 |
Mga kategoryang pinakamalamang na gumawa nito
Mga kategoryang pinakamaliit ang posibilidad
Ayon sa 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%
Ayon sa provider
- Vercel94%
- Netlify83%
- Bunny CDN73%
- Cloudflare72%
- Fastly72%
- Amazon CloudFront68%
- Akamai68%
- Azure Front Door/CDN65%
- Google edge63%
- Imperva57%
- Sucuri54%
- Alibaba Cloud CDN42%
Mga sikat na site kung saan namin ito naobserbahan
Mga sanggunian at gabay
Gabay: Lazy Loading Nang Hindi Nasisira ang Mga PahinaSuriin ang sarili mong site