Jak wyznaczyć i zmierzyć LCP? Core Web Vitals | Wydajny frontend #2
Jak wyznaczyć i zmierzyć LCP? Core Web Vitals. W pierwszej części filmu o Largest Contentful Paint, Marcin tłumaczy kryteria stosowane przez przeglądarkę przy wyznaczaniu kandydata na LCP oraz prezentuje skrypt, który wyręczy Cię w tym zadaniu. Następnie pokazuje jak skonfigurować Chrome DevTools, aby Twoje pomiary były zgodne z tymi wykonywanymi przez Google podczas oceniania strony. Dzięki tej wiedzy i narzędziom będziesz gotowy na optymalizację LCP, którą zajmiemy się w kolejnym odcinku serii o wydajnym front-endzie.
Skrypt z filmu: https://gist.github.com/mkczarkowski/99118a49e3e3a7501c6421d3f488f6a9
Konfiguracja throttling Slow 4G: https://github.com/GoogleChrome/lighthouse/blob/master/docs/throttling.md
Źródło ilustracji z miniaturki: web.dev
✅ Zasubskrybuj nasz kanał - http://bit.ly/przeprogramowani-sub
📷 Przeprogramowany Instagram - https://www.instagram.com/przeprogramowani/
✍🏻 Marcin na Twitterze - https://twitter.com/mkczarkowski
✍🏻 Przemek na Twitterze - https://twitter.com/psmyrdek
⚡️Opanuj JavaScript ⚡️
https://przeprogramowani.pl/kurs
🔥Bądź na bieżąco i zapisz się do newslettera 🔥
https://przeprogramowani.pl/newsletter
⬇️ Więcej materiałów znajdziesz na naszym Facebooku ⬇️
https://www.facebook.com/przeprogramowani
Poznajmy się - https://forms.gle/wSbq3QXq19L3opQx8
Chcesz więcej? Sprawdź w oryginale!
Przejdź do filmu