Nauczę Cię optymalizować interakcje

Metryka INP (Interaction to Next Paint) - składowa wskaźników Core Web Vitals od marca 2024. Wskazuje na ogromny problem wielu stron WWW, bezpośrednio przekładający się na zadowolenie użytkowników, a tym samym na wyniki konwersji i sprzedaży. Przeprowadzę Cię przez pełny proces testowania i optymalizacji INP, dzięki któremu poprawisz wydajność interakcji Twojej strony.


Dla kogo ten kurs?

  • front-end developerzy
  • specjaliści SEO

Agenda kursu online

  • Czym są wydajne interakcje?
  • Holistyczne podejście do optymalizacji INP (co biznes / SEO / dev muszą wiedzieć)
  • Specyfika metryki INP
  • Metryki FID, TTI, TBT a interakcje
  • Skąd wiemy, które interakcje są wolne?
  • Dlaczego optymalizacja wskaźnika INP jest trudna?
  • Płatne systemy RUM
  • Dane wydajnościowe z web-vitals.js i LoAF
  • Własny, darmowy system RUM
  • Manualne testowanie interakcji
  • Proces optymalizacji - krok 1
  • Proces optymalizacji - krok 2
  • Proces optymalizacji - krok 3
  • Proces optymalizacji - krok 4
  • Wydajność ładowania frontendu a interakcje
  • Interakcje a struktura DOM
  • Interakcje a CSS
  • Chrome Tracing (zaawansowana analiza)
  • Interakcje a Javascript
  • Na pomoc głównemu wątkowi - techniki optymalizacji
  • Ogólnie o optymalizacji interakcji i kodzie
  • INP a dzielenie długiego zadania (Long Task)
  • INP a Cookie Consent Manager - przykład 1
  • INP a Cookie Consent Manager - przykład 2
  • INP a linki z wysyłaniem zdarzeń do GTM
  • INP a otwieranie menu
  • INP a dropdown na stronie (Svelte)
  • INP a niezoptymalizowana wydajność ładowania
  • INP a Google Tag Manager
  • INP a wyszukiwarka (React/Next.js)
  • INP a popupy/dialogi
  • Podsumowanie kursu + kilka porad końcowych

Do kursu dołączone jest repozytorium z kodem źródłowym przykładowych stron i materiałami do dalszej nauki.

Rozwiąż problemy interakcji na frontendzie

Metryka INP mierzy, jak szybko Twoja strona internetowa reaguje na interakcje użytkownika. Na przykład, gdy odwiedzający kliknie przycisk, INP informuje Cię, jak szybko strona zaktualizowała się wizualnie po tej interakcji.

Metryka INP w Pagespeed Insights

Logo INP

INP staje się składową
Core Web Vitals od marca 2024

Google zastępuje dotychczasowy pomiar First Input Delay (FID) metryką Interaction to Next Paint w marcu 2024 roku.

Spełnienie wymagań Core Web Vitals przekłada się na wyższe pozycje w wynikach wyszukiwania. Dzięki dobrym wartościom wskaźników Twoja strona ma szansę wyprzedzić konkurencję.

Optymalizacja INP jest trudna, ale niezwykle ważna

Nie lekceważ wydajności interakcji na stronie. Tuż obok szybkości ładowania to drugi najważniejszy czynnik decydujący o tym, czy użytkownik coś kupi na stronie, wyśle formularz lub się skontaktuje.

Nauczę Cię optymalizacji INP według sprawdzonego procesu. Na realnych przykładach.

Zobacz lekcje demo

Bartek Miś / Web Dev Insider

Bartek Miś - prowadzący szkolenie Wydajne Interakcje na Frontendzie

Wybrane opinie o kursie
(do tej pory dołączyło
ponad 60 osób!)

Poniżej znajdziesz wybrane opinie o kursie. Od front-end developerów i SEO ekspertów. Niezmiernie mi miło słyszeć o wszystkich historiach związanych z efektywną optymalizacją wydajności rzeczywistych projektów na podstawie mojego szkolenia. Dziękuję za zaufanie i dołączenie do kursu!

Oczywiście nie zawiodłem się jakością kursu o interakcjach. Jak zwykle trzymasz wysoki poziom i w jasny i bardzo przystępny sposób przekazujesz praktyczną wiedzę. Co najważniejsze z gotowymi przykładami skryptów, które są takimi "game-changrami": fscript w poprzednim kursie, a teraz requestAnimationFrame() wraz z setTimeout(), i wiele, wiele więcej! Świetna robota!

Jan Pasoń - uczestnik kursu Jan Pasoń

Bardzo dobry kurs który pozwolił mi usystematyzować i poukładać wiedzę na temat zagadnienia INP. Wskazówki przedstawione w tym kursie pozwalają mi zaadaptować odpowiednią strategię do przypadków, z którymi się spotykam w codziennej pracy. Prowadzący kurs przedstawia temat klarownie, nie tylko teoretycznie oraz nie tylko na spreparowanych, sztucznych przykładach. Polecam kurs wszystkim, którzy zmagają się z poprawą tej metryki.

Jacek Dwojak

Kurs bardzo mi pomógł. Jest dobrze zaprojektowany, prowadzony zrozumiałym językiem i w wyważonym tempie. Nie przeładowany informacjami, ale też nie za krótki. W sam raz. Doceniam fakt, że z kursu śmiało mogą skorzystać nie tylko web developerzy. Specjalista SEO, który nie umie programować, bez problemu zorientuje się tu w tematyce INP i nauczy diagnozować problemy. Zwłaszcza dzięki konkretnym przykładom analizy i optymalizacji interakcji.

Marta Rojewska

Przykładowe lekcje

Przekonaj się sam(a), jak wyglądają lekcje i w jaki sposób są prowadzone.

Ten kurs to wiedza poparta przykładami, ułożona w proces.

Przeprowadzę Cię przez pełny proces optymalizacji interakcji, uwzględniając dobre wartości metryki INP.

Pytania i odpowiedzi

FAQ

Czy otrzymam fakturę VAT?

Tak, oczywiście.

Na jak długo dostanę dostęp do kursu?

Dostęp do kursu jest dożywotni. Możesz korzystać z niego kiedy chcesz, wracać po czasie. Nie ma ograniczeń czasowych względem dostępu do tego kursu.

Jak i kiedy otrzymam dostęp do kursu?

Po opłaceniu zamówienia, w ciągu 24-48h otrzymasz link do aktywacji konta w naszej dedykowanej platformie kursowej o nazwie Thinkific.

Jak wygląda ten kurs?

Kurs jest w formie lekcji wideo, online. Otrzymasz dostęp także do przydatnych snippetów kodu oraz prezentacji.

Kiedy rozpoczyna się program i jak długo trwa?

Kurs rozpoczyna się wtedy, gdy zakupisz dostęp. Nie ma ram czasowych - uczysz się i optymalizujesz, kiedy masz ochotę. Od ciebie zależy, jak długo potrwa. W każdym momencie możesz się ze mną skonsultować na temat optymalizacji projektu w kursie.

Co, jeśli nie będę zadowolony(a) z kursu?

Masz 14 dni od daty zakupu na wysłanie do mnie maila (kontakt@webdevinsider.pl), w którym po prostu mówisz, że rezygnujesz. Bez podawania przyczyny.

Skontaktuj się ze mną

Chętnie odpowiem na jakiekolwiek pytania związane z kursem o INP.

Pole wymagane
Pole wymagane
Pole wymagane
Pole wymagane

Wysyłając powyższy formularz potwierdzasz, że zapoznałeś się i zgadzasz się na warunki naszej Polityki prywatności i Cookies i Regulaminu.

Ten formularz jest chroniony przez system reCAPTCHA i korzystając z niego, zgadzasz się na politykę prywatności i Regulamin Google.