Harmonogram warsztatów LIVE

Dołącz do grupy Discord

WordPress

Next.js

Astro

Spotkanie na żywo

Zadanie

Wprowadzenie - kim jestem i o czym jest ten kurs

Idea kursu i projekty do wyboru

Metryki wydajności: TTFB, RTT, FCP, LCP, CLS, INP

Skąd brać wartości metryk: dane field vs dane laboratoryjne

Źródła danych i narzędzia do optymalizacji

Kultura wydajności i performance budget

AI a optymalizacja: dlaczego sam prompt "popraw wydajność" nie wystarczy

Proces audytu: waterfall, strategie renderowania i serwer

Run-time performance: co dzieje się po załadowaniu strony

Typy nawigacji / zachowania użytkowników

Interakcje, INP i agenty AI

Ora.ai - audyt gotowości strony dla agentów AI

Metryki w praktyce: TTFB i jej składowe (DNS, TCP, TLS, HTTP)

Metryki w praktyce: progi LCP, CLS i INP

Filozofia optymalizacji: na co masz wpływ, a na co nie

Priorytetyzacja zasobów i waterfall frontend/backend

Optymalizacja z AI: podsumowanie procesu i gdzie testować

Narzędzie ngrok i pierwsze zadanie

Spotkanie na żywo

Zadanie

Case study na żywo: dlaczego LCP ma 4s, przy szybkim czasie FCP (zagadka early hints)

Full-stack podejście: żądanie HTTP jest wszędzie

Pełny łańcuch: od żądania HTTP do piksela

DNS lookup: jak przyspieszyć rozpoznanie domeny

Szyfrowane połączenie: TLS/SSL i wersje HTTP

CDN na przykładzie Cloudflare

Backend: co dzieje się po stronie serwera (WordPress, Next.js, TTFB)

Frontend: krytyczna ścieżka renderowania

Spotkanie na żywo

Zadanie

Wprowadzenie: toolbox i podział testów (lab vs field)

PageSpeed Insights

Lighthouse lokalnie: profil optymalizacyjny i kalibracja throttlingu

Web Performance Planner

CrUX i CrUX Vis

Google Search Console: statystyki indeksowania a wydajność

Real User Monitoring: idea, providerzy, MCP

Chrome DevTools: Performance Panel

Chrome DevTools: Network Panel

Chrome DevTools: Overrides

Chrome DevTools: Snippets

WebPageTest

Terminal

Field data vs testy syntetyczne

Proces: praca z RUM i priorytetyzacja problemów

Workflow audytu z klientem krok po kroku

Podsumowanie

Spotkanie na żywo

Zadanie

Wprowadzenie: fundament audytu i własny proces

Co mieć przygotowane: strona, kod, AI asystent

AI skills i serwery MCP

Dostęp do kodu i warstwy pomiaru (lab/field)

Własny tool: fundament, agenda i dwa tryby pracy

Strona pod domeną i pierwszy widoczny problem TTFB (demo projektu)

Real User Monitoring: instalacja i pierwsze dane

CrUX i Google Search Console

DevTools MCP / Safari MCP: instalacja

RUM MCP (na przykładzie DebugBear): instalacja i autentykacja

Demo RUM MCP: pytanie o bottleneck i interpretacja przez AI

webperf snippets jako AI Agent Skills

AI Skills pod stack: Vercel, WordPress, Astro/Shopify

Implementacja fundamentu AI Web Performance

Typy podstron i testy WebPageTest

Uruchomienie audytu AI i budowa site-profile.md

Wyniki WebPageTest (JSON) i baseline w audycie AI

RUM i CrUX w audycie, wnętrze DebugBear

Podsumowanie: pierwszy etap audytu i co dalej

Spotkanie na żywo

Zadanie

Wprowadzenie: plan sesji i warstwa sieciowa

Optymalizacja DNS: anycast i po co Cloudflare

Pomiar DNS lookup: DevTools, WebPageTest, RUM

Cloudflare DNS: nameservery, rejestrator vs provider, TTL i checklista

Szyfrowane połączenie: TLS 1.3 i session resumption

Audyt SSL/TLS przez SSL Labs

HSTS: usunięcie redirectu HTTP na HTTPS

Protokół HTTP/2 i HTTP/3

Rozgrzewanie połączenia: preconnect i DNS prefetch

Atrybut crossorigin przy preconnect

Plan części praktycznej

Rozbudowa AI Audytu: warstwa sieciowa

Uruchomienie audytu i budowa stage preconnect

Wyniki audytu sieciowego i rekomendacje

Przeniesienie DNS do Cloudflare

Włączenie TLS 1.3 na Nginx (przykład)

Debugowanie błędu SSL (przykład)

Podsumowanie sesji

Spotkanie na żywo

Zadanie

Wprowadzenie - temat warsztatu

Wpływ Cloudflare DNS na DNS Lookup

Status DNS only, włączenie proxy i tryby SSL/TLS

Certyfikat Origin - generowanie, bundle i konfiguracja Nginx

Edge Certificates - minimalna wersja TLS i HSTS

Protocol Optimization - HTTP/3, priorytetyzacja, 0-RTT

Content Optimization - Speed Brain, Cloudflare Fonts, Early Hints

Rocket Loader, APO i optymalizacja obrazków

Real User Monitoring w Cloudflare

Boty, Bot Fight Mode, Email Obfuscation i Analytics

Argo Smart Routing

Warstwy cache'a i browser cache TTL

Cache Rules i full page caching w praktyce

Tiered Cache

Spotkanie na żywo

Zadanie

Wprowadzenie - temat warsztatu i kolejność optymalizacji

Najpierw serwer: zasoby serwerowe, architektura

Case study: dwie strony WP, WPForms i opcache

Hosting: współdzielony vs VPS/managed

Serwery HTTP: Nginx, Apache, LiteSpeed i LiteSpeed Cache

Wersja PHP a wydajność

OPcache

PHP Workery i PHP-FPM: tryby i max-children

Baza danych: wersja i silnik tabel (InnoDB)

Object cache i cache maskujący słaby serwer

Testowanie pod obciążeniem: Apache Bench

Skrypt diagnostyczny serwera (WordPress / aplikacje PHP)

New Relic APM

Query Monitor (WordPress)

Code Profiler Pro (WordPress)

wp-config i runtime WordPressa

Novamira MCP - WordPress jako serwer MCP

Optymalizacja backendu przez SSH i AI

Tryby renderowania: SSG, ISR, PPR, SSR, CSR - trochę teorii

Renderowanie a Next.js lub WordPress, CDN i mieszanie trybów

Demo ISR: stale-while-revalidate (SWR)

Demo PPR (streaming) i SSR

Demo mieszania trybów: e-commerce ISR i koszyk client-side CSR

Waterfall "backendu na frontendzie" w Sentry

Sentry i AI: logowanie GraphQL, analiza kodu i fix

Tryb renderowania jako właściwy fix (SSR-ISR) i podsumowanie

Server Timing API

Spotkanie na żywo

Zadanie

Wyniki optymalizacji: zmiana SSR na ISR w projekcie Next.js (demo)

Cache jest królem - wprowadzenie i warstwy cache'a

Strategie cache'owania, nagłówki cache-control i inwalidacja

Next.js i Cloudflare: cache dokumentu HTML na CDN

WordPress: pomost backend-frontend-edge i wybór W3 Total Cache

WordPress W3 Total Cache: warstwy, page cache, wykluczenia i preload

WordPress W3 Total Cache i Cloudflare: reguła cache dla WordPressa (full page HTML)

Cloudflare APO: integracja, instalacja, konfiguracja i inwalidacja

Astro i inne frameworki + podsumowanie