STATUS IS UPKAHANDAAN NG WEBSITE
Filipino
Workspace ng may-ari
Galugarin ang SIU

Pagsusuri ng kahandaan · Hanay na Pabilisin · bigat 6

Gumagamit ng mga modernong format ng larawan

Sa homepage na may hindi bababa sa tatlong larawan, gumagamit ang ilang larawan ng WebP o AVIF (batay sa uri ng file, sa type ng source element, o sa format parameter ng image CDN).

Nakita sa
40%

sa 123,215 nasukat na site

Nangungunang 1K site
42%

219 nasukat

Pangkat ng nangungunang 1M
40%

68,845 nasukat

Hindi nasukat
62,841

hinarangan, hiningan ng karagdagang pagpapatunay o hindi naaangkop

Bakit ito mahalaga

Karaniwang mas maliit nang malaki ang WebP at AVIF kaysa sa JPEG o PNG sa katulad na kalidad, at madalas na ang mga larawan ang pinakamabigat na bahagi ng pahina.

Paano ito ayusin

Maghatid ng WebP o AVIF na may JPEG o PNG bilang fallback, sa pamamagitan ng image CDN o sa pamamagitan ng pagbuo ng parehong format sa oras ng build.

Tool sa kahandaan ng paghahatid ng larawan

Paano namin sinusuri

Sa homepage na may hindi bababa sa tatlong larawan, gumagamit ang ilang larawan ng WebP o AVIF (batay sa uri ng file, sa type ng source element, o sa format parameter ng image CDN).

Naobserbahan: May natukoy na mga larawang WebP o AVIF.

Hindi naobserbahan: Walang natukoy na mga larawang WebP o AVIF.

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: Sinusuportahan na ng WordPress ang mga upload na WebP mula noong 5.8 at ang AVIF mula noong 6.5; maaaring i-convert ng mga image plugin o ng host ang mga kasalukuyang larawan.
  • Next.js: Awtomatikong naghahatid ng mga na-optimize na format ang next/image component.
  • Nuxt: Maaaring maglabas ang Nuxt Image ng WebP at AVIF.
  • Cloudflare: Maaaring i-convert ng Cloudflare Polish ang mga larawan sa WebP.
  • Vercel: Naghahatid ng mga modernong format ang Vercel Image Optimization.
  • Shopify: Maaaring maghatid ng mga modernong format ang image CDN ng Shopify; sundin ang gabay ng Shopify sa web performance para sa mga theme.

Ayon sa pangkat ng popularidad

Saklaw ng Chrome UX ReportNaobserbahanNasukat
Nangungunang 1K42%219
Nangungunang 5K38%1,042
Nangungunang 10K41%1,351
Nangungunang 50K39%10,382
Nangungunang 100K40%10,125
Nangungunang 500K39%31,251
Nangungunang 1M40%68,845

Mga kategoryang pinakamalamang na gumawa nito

Mga kategoryang pinakamaliit ang posibilidad

Ayon sa stack

Ayon sa provider

Mga sikat na site kung saan namin ito naobserbahan

Mga sanggunian at gabay

Gabay: AVIF, WebP, JPEG, at PNG: Piliin ang Tamang Format ng ImaheSuriin ang sarili mong site