Ukaguzi wa utayari · Mkondo wa Ongeza kasi · uzito 4
Picha zilizo nje ya eneo linaloonekana la skrini hupakiwa zinapohitajika
Kwenye ukurasa wa mwanzo wenye angalau picha sita, angalau moja hutumia loading="lazy".
- Imeonekana kwenye
- 61%
- Tovuti 1K bora
- 63%
- Daraja la 1M bora
- 60%
- Haijapimwa
- 68,816
kati ya tovuti 117,240 zilizopimwa
200 zimepimwa
65,763 zimepimwa
imezuiwa, imewekewa changamoto ya uthibitishaji au haitumiki
Kwa nini ni muhimu
Picha zilizo chini ya eneo linaloonekana mwanzoni hupakuliwa tu mgeni anaposogeza ukurasa hadi karibu nazo, jambo linaloacha kipimo data kipatikane kwa kinachoonekana kwanza.
Jinsi ya kurekebisha
Ongeza loading="lazy" kwenye picha zilizo chini ya eneo linaloonekana mwanzoni. Usipakie picha kuu ya utangulizi kwa kusubiri ihitajike, kwa sababu hilo huchelewesha elementi kubwa zaidi inayoonekana.
Jinsi tunavyokagua
Kwenye ukurasa wa mwanzo wenye angalau picha sita, angalau moja hutumia loading="lazy".
Imeonekana: Upakiaji wa picha zinapohitajika unaotolewa moja kwa moja na kivinjari unatumika.
Haikubainika: Hakuna upakiaji wa picha kwa kuchelewa unaotolewa moja kwa moja na kivinjari uliopatikana.
Kikomo: Inategemea HTML ya ukurasa wa mwanzo iliyowasilishwa kwa programu ya mteja inayojiendesha; hati za programu zinazotekelezwa baadaye hazikutekelezwa.
Hatua mahususi kwa mkusanyiko wa teknolojia
- WordPress: WordPress imeongeza loading="lazy" kwenye picha kwa chaguomsingi tangu 5.5; hakikisha mandhari yako au programu-jalizi haijaiondoa.
Kwa kundi la umaarufu
| Kiwango cha Chrome UX Report | Imeonekana | Imepimwa |
|---|---|---|
| 1K za juu | 63% | 200 |
| 5K za juu | 65% | 976 |
| 10K za juu | 62% | 1,275 |
| 50K za juu | 61% | 9,767 |
| 100K za juu | 62% | 9,593 |
| 500K za juu | 62% | 29,666 |
| 1M za juu | 60% | 65,763 |
Makundi yenye uwezekano mkubwa zaidi wa kufanya hivi
Makundi yenye uwezekano mdogo zaidi
Kwa mkusanyiko wa teknolojia
- 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%
Kwa mtoa huduma
- Vercel94%
- Netlify83%
- Bunny CDN73%
- Cloudflare72%
- Fastly72%
- Amazon CloudFront68%
- Akamai68%
- Azure Front Door/CDN65%
- Google edge63%
- Imperva57%
- Sucuri54%
- Alibaba Cloud CDN42%
Tovuti maarufu ambako tuliona hili
Vyanzo na miongozo
- web.dev: upakiaji wa picha kwa kuchelewa katika kiwango cha kivinjari
- WordPress 5.5: kupakia picha kwa kuchelewa
Mwongozo: Lazy Loading Bila Kurusha Kurasa ZilizovunjikaKagua tovuti yako mwenyewe