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

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.

Dołącz do kursu Wydajne Interakcje na Frontendzie

Aktualnie nie ma możliwości dołączenia do kursu. Skontaktuj się, jeśli chcesz wziąć udział.

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 dodatkowe pytania lub przedstawię ofertę na zamówienia grupowe dla firm.

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.