Web Performance Optimization

Kod: Front-wpo
Kategoria: Front-end
Forma: 50% wykłady / 50% warsztaty
Czas trwania: 2 dni
Odbiorcy: analitycy, architekci, management, developerzy, Product Owners, Scrum Masters
Zapisy: Indywidualne zamówienie i dopasowanie dla grupy.
Logistyka: W siedzibie klienta lub w innym dowolnym miejscu.

W większości organizacji strony internetowe to narzędzie sprzedażowe lub marketingowe, dlatego zespoły deweloperskie ‘tylko’ dostarczają produkt, ale kluczowe decyzje podejmują działy biznesowe i marketingowe. Nawet aplikacja z najlepszym kodem może spowolnić, kiedy jest przeładowana np.

nie optymalnymi grafikami, czy narzędziami śledzącymi. To właśnie Product Owner (wg nazewnictwa Scrum, ale stanowisko nie ma tu tak naprawdę znaczenia) jest odpowiedzialny za jednoczesne zrozumienie deweloperów i skuteczną komunikację z tzw. biznesem.

Wyróżniki szkolenia

  • Nauczysz się dlaczego nie wszystkie metryki ze świata wydajności pasują tak samo do wszystkich stron www i co więcej, które z nich warto śledzić w wypadku aplikacji za którą jesteś odpowiedzialny.
  • Poznasz i zrozumiesz zaawansowane zastosowanie narzędzi do mierzenia wydajności, które posłużą stworzeniu szybszej aplikacji, ale również w długofalowym utrzymaniu oczekiwanego poziomu.
  • Poprawisz komunikację z zespołem deweloperskim, wiedząc jakie wyzwania przed nimi stoją oraz będziesz w stanie lepiej komunikować swoje wymagania.
  • Będziesz w stanie dostarczyć bardziej wartościowy produkt użytkownikom końcowym i właścicielom biznesowym.

Program Szkolenia

Program jest ramą w jakiej możemy się poruszać merytorycznie - program dla konkretnego szkolenia dedykowanego ustalamy z grupą na podstawie analizy przed-szkoleniowej.

  1. Ogólne techniki optymalizacji ładowania
    1. Performance golden rule - gdzie patrzeć, aby optymalizować?
    2. Theory of Constraints - czego szukać?
    3. Optymalizacje czasu ładowania
    4. Optymalizacje runtime
    5. Punkt widzenia użytkownika, czyli “perceived performance”
  2. Metryki i ich wykorzystanie
    1. Metryki wbudowane w przeglądarkę np. onload, DOMContentLoaded, Navigation API
    2. Rozwiązania wymagające dodatkowych narzędzi np. Speed Index, Web Corve Vitals
  3. Narzędzia syntetyczne na przykładzie WebPageTest
    1. WebPageTest - podstawowe narzędzie do zrozumienia wydajności strony internetowej.
    2. Wspólna analiza raportu z wynikami - jak czytać, na co zwrócić uwagę.
    3. Zaawansowane wykorzystanie m.in. skryptowanie testów i automatyzacja do cyklicznego monitorowania stanu aplikacji.
  4. Przegląd zagadnień z perspektywy zespołów deweloperskich
    1. Optymalizacja na poziomie sieci
    2. Rendering Pipeline
    3. Ładowanie CSS
    4. Ładowanie JavaScript
    5. Optymalizacja Single Page Apps
    6. Ładowanie czcionek
    7. Ładowanie obrazków
    8. Optymalizacje renderowania (scroll, animacje)
    9. Przykłady narzędzi deweloperskich
  5. Wiodąca rola Google w świecie wydajności www.
    1. Szeryf internetu: webperf a SEO.
    2. Lokomotywa zmian: narzędzia PageSpeed Insights, Lighthouse (+CLI), DevTools
    3. Monitoring dla każdego: Google Analytics jako przykład Real User Monitoring
    4. Optymalizacja dla urządzeń mobilnych: Accelerated Mobile Pages
  6. Performance budget
  7. Wspólna analiza wybranych przypadków


Pobierz program w formacie PDF

Trenerzy

Poznaj ekspertów, którzy mogą poprowadzić Twoje szkolenie.

Materiały związane ze szkoleniem

Idea renesansowej pracowni - Bottegi zakłada nieustanną pracę jej członków i dzielenie się jej wynikami.

  • Looking for the Holy Grail of Mobile Web Performance
    KATEGORIE: Front-end

    W świecie mobilnym Istnieje przeświadczenie, że jedynie aplikacje natywne są w stanie sprostać oczekiwaniom użytkowników. Wraz z pojawieniem się Progresywnych Aplikacji Webowych, które mają przenieść na platformę webową wiele cech zarezerwowanych dotąd tylko dla rozwiązań natywnych, oczekiwania dotyczące wydajności są silniejsze niż kiedykolwiek wcześniej. Czy Web jest w stanie im sprostać?

    Autor Bottega:

    Adam Bar

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Web Performance Optimization

    Svelte: Reaktywne Aplikacje Frontendowe

    Powiązane usługi:

    Audyty architektury

    Audyty architektury

  • JSON taki albo owaki... czyli kontrolowanie struktur z JSON Schema
    KATEGORIE: Front-end

    Slides

    JSON jest najpopularniejszym formatem definiowania/wymiany danych w sieci. Jest elastyczny niczym XML oraz zwięzły, jak to tylko możliwe. Nie mniej, rozwiązłość strukturalna JSONów powoduje utratę kontroli nad tym, jakie dane są przechowywane. Jeśli chcesz kontrolować, co może być przechowywane w formacie JSON, zerknijmy na JSON Schema.

    Autor Bottega:

    Tomasz Ducin

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Web Performance Optimization

    Svelte: Reaktywne Aplikacje Frontendowe

    Powiązane usługi:

    Audyty architektury

    Audyty architektury

  • A Ty co zrobisz bez frameworka
    KATEGORIE: Front-end

    Podczas tej prezentacji poznamy lit-html – bibliotekę, która w prosty sposób abstrahuje zawiłości operacji na DOM-ie – oraz jej kuzyna lit-element, dzięki któremu Web Componenty są dziś na wyciągnięcie ręki. Sprawdzimy, jak wiele można mieć za tak niewiele i zastanowimy się, czy lit-html może stanowić alternatywę dla frameworków.

    Autor Bottega:

    Adam Bar

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Web Performance Optimization

    Svelte: Reaktywne Aplikacje Frontendowe

    Powiązane usługi:

    Audyty architektury

    Audyty architektury

Zamów szkolenie

Imię i nazwisko:
Firma:
E-mail:
Nr tel:
Temat:
Wiadomość:

Jeżeli preferujesz osobisty kontakt to zawsze możesz zadzwonić.

Iwona Sobótka

Koordynatorka szkoleń


Wyrażam zgodę na przetwarzania danych osobowych zgodnie z ustawą o ochronie danych osobowych w związku z wysłaniem zapytania przez formularz kontaktowy.

Podanie danych jest dobrowolne ale niezbędne do przetworzenia zapytania. Zastałem/am poinformowany/na, że przysługuje mi prawo dostępu do swoich danych, możliwości ich poprawienia, żądania zaprzestania ich przetwarzania.

Administratorem danych osobowych jest Bottega IT Minds, ul. Jana Sawy 2, 20-632 Lublin.


Klauzula informacyjna