Që nga Chrome 116, kuadri i parë i një videoje ose imazhi poster, nëse është përcaktuar, mund të matet si Largest Contentful Paint (LCP). Sipas DebugBear, përpara këtij versioni, të publikuar në gusht 2023, videot pa poster nuk përfshiheshin në LCP. Udhëzuesi propozon krahasimin e dy faqeve, me dhe pa poster, për të parë kandidatët që raporton Chrome.
Testi përdor node 22, Playwright me Chromium 153.0.8010.12 dhe ffmpeg 6.1.1. Me ffmpeg krijohet një video katërsekondëshe dhe nxirret një kuadër si poster në JPEG dhe WebP. Në shembull, poster.jpg zë 20546 bajte, ndërsa poster.webp 13002 bajte. Autori këshillon të verifikohet që posteri të jetë më i vogël se videoja që përfaqëson.
Për shërbimin e skedarëve kërkohet një server që mbështet kërkesat për intervale bajtesh, të cilat Chrome i përdor për videot. Shembulli përdor një server Node dhe thekson rëndësinë e Accept-Ranges: bytes dhe të Content-Type të saktë për çdo skedar. Në provën e parë, dërgimi i HTML-së si video/mp4 pengoi ekzekutimin e skriptit dhe dha rezultate undefined.
Skripti Playwright hap secilën faqe, pret 1500 milisekonda dhe synon të lexojë hyrjet LCP. Materiali paralajmëron edhe trajtimin e preload dhe rregullave të ngarkimit, por fragmenti ndërpritet brenda kodit, pa paraqitur rezultatet përfundimtare apo këto rregulla.
Burimi: DEV Community (Web Dev Feed) — lexoni artikullin e plotë në anglisht.
