Web Performance: Od powolnych stron do Lighthouse 100s
Wydajność stron internetowych to różnica między witryną, która konwertuje, a tą, którą użytkownicy opuszczają. Milisekundy opóźnienia renderowania bezpośrednio wpływają na wskaźniki odbijania, wyniki Core Web Vitals i rankingi wyszukiwania. Ten track obejmuje pełny stos optymalizacji: od audytów Lighthouse i Core Web Vitals po wykonanie JavaScript, dostrajanie po stronie serwera i monitorowanie rzeczywistych użytkowników — osadzone w narzędziach, które faktycznie mierzą przeglądarki i Google.
Co się nauczysz
Dowiesz się, jak uruchamiać i interpretować audyty Lighthouse, optymalizować obrazy, multimedia, CSS i fonty, aby zmniejszyć rozmiar ładunku, oraz zrozumieć, jak działa ścieżka renderowania krytycznego i gdzie ją przerwać. Będziesz mierzyć doświadczenie użytkownika za pośrednictwem Core Web Vitals (LCP, CLS, INP), ustalać i egzekwować budżety wydajności, wdrażać buforowanie HTTP i strategie na poziomie sieci, pisać szybszy JavaScript, unikając layout thrash i długich zadań, dostrajać czasy odpowiedzi po stronie serwera oraz instrumentować ruch produkcyjny za pomocą Real User Monitoring (RUM) obok testów syntetycznych.
Ścieżka nauki
Dwanaście kursów obejmuje poziomy od A1 do C1. Track rozpoczyna się od koncepcji podstawowych i pierwszego przewodnika po Lighthouse, następnie przechodzi przez optymalizację obrazów i multimediów, strategie CSS i fontów oraz Core Web Vitals na poziomie B1. Kursy B2 obejmują ścieżkę renderowania krytycznego, zaawansowaną konfigurację Lighthouse, buforowanie sieci i budżety wydajności. Ostatnie kursy C1 — JavaScript Performance Best Practices, Server-Side Performance & Backend Optimization i Real User Monitoring (RUM) & Synthetic Monitoring — dotyczą problemów na poziomie produkcji, które wykraczają daleko poza to, co ujawnia pojedynczy audyt.
Jak to działa
Każdy kurs podzielony jest na krótkie, praktyczne lekcje, które ukończyć można w wbudowanym edytorze z informacją zwrotną w czasie rzeczywistym i dostępnym tutor AI, gdy się zatniesz. Koncepcje są natychmiast wzmacniane poprzez ćwiczenia związane z rzeczywistymi narzędziami przeglądarki i metrykami Lighthouse, dlatego każdą sesję kończysz czymś wymiernym, a nie tylko notatkami.