Polski frontend

Przeprogramowani YouTube

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