Diagramy — zobacz, jak naprawdę działa web
Interaktywne diagramy tłumaczące trudne pojęcia jednym rzutem oka — od uścisku TLS i rekordów DNS po Core Web Vitals i nagłówki bezpieczeństwa. Każdy ma własny opis, legendę i powiązane materiały.
SEO i indeksowanie
Jak robot odkrywa adres, wybiera wersję kanoniczną, zapisuje treść i buduje wynik wyszukiwania.
- Crawl → Index → Ranking — hasło: SEO (optymalizacja pod wyszukiwarki)
- Crawl → render → index → ranking — hasło: Indeksacja
- URL Inspection — drzewo statusów — hasło: URL Inspection
- Soft 404 czy prawdziwe 404/410? — hasło: Błąd 404 (i soft 404)
- Mapa migracji URL-i — hasło: Przekierowanie 301
- robots.txt i sitemap.xml — hasło: robots.txt
- Linkowanie wewnętrzne: hub → klaster → strona — hasło: Strona osierocona
- hreflang — macierz języka i regionu — hasło: hreflang
- E-E-A-T — dowody, które budują zaufanie — hasło: E-E-A-T
- Dane strukturalne — encja i jej właściwości — hasło: Dane strukturalne (schema.org / JSON-LD)
- Adres kanoniczny (canonical) — hasło: Link kanoniczny (canonical)
- hreflang — wersje językowe — hasło: hreflang
- Dane strukturalne → kwalifikacja do funkcji — hasło: Rich Results
- Łańcuch przekierowań — hasło: Przekierowanie 302
- Kody odpowiedzi HTTP — hasło: Kody odpowiedzi HTTP
Wydajność i obrazy
Od pobrania zasobów do wyrenderowania stabilnego widoku oraz pomiaru Core Web Vitals.
- Core Web Vitals — oś czasu — hasło: Core Web Vitals (CWV)
- Dane polowe vs laboratoryjne — hasło: PageSpeed Insights (PSI)
- Cztery fazy LCP — hasło: Largest Contentful Paint (LCP)
- INP i zajęty główny wątek — hasło: Interaction to Next Paint (INP)
- CLS — rezerwowanie miejsca — hasło: Cumulative Layout Shift (CLS)
- Cache: przeglądarka → CDN → serwer — hasło: Cache (nagłówki cache)
- Jak przeglądarka wybiera obraz responsywny — hasło: Obrazy responsywne: srcset, sizes i picture
- font-display — co widzi czytelnik podczas ładowania fontu — hasło: WOFF2 (czcionki webowe)
- Budżet głównego wątku i ciężki JavaScript — hasło: JavaScript (JS)
- Formaty obrazów (waga) — hasło: WebP / AVIF
- Ścieżka renderowania — hasło: Zasoby blokujące renderowanie
- Kompresja (gzip/Brotli) — hasło: Kompresja (Gzip / Brotli)
- Wersje HTTP (1.1 vs 2/3) — hasło: HTTP/2 i HTTP/3
Bezpieczeństwo i prywatność
Co dzieje się przed bezpiecznym połączeniem i jak przeglądarka egzekwuje polityki ochronne.
- Uścisk dłoni TLS — hasło: HTTPS / TLS
- CSP — blokowanie źródeł — hasło: Content Security Policy (CSP)
- Ciasteczka i sesja — hasło: OAuth / SSO
DNS, hosting i poczta
Warstwa infrastruktury: rozwiązywanie nazw, rekordy domeny, kontenery i uwierzytelnianie poczty.
- Rozwiązywanie DNS — hasło: DNS
- Rekordy DNS — hasło: Rekord MX
- Uwierzytelnianie poczty (SPF/DKIM/DMARC) — hasło: SPF
- Obraz i kontenery — hasło: Docker (konteneryzacja)
Frontend i responsywność
Jak kod zmienia się w responsywny interfejs i gdzie powstaje HTML w różnych strategiach renderowania.
- Strategie renderowania (SSR/SSG/CSR) — hasło: SSR / CSR / SSG / prerendering
- Responsywny układ (viewport) — hasło: RWD (responsywność)
HTTP, backend i API
Przepływ żądania między klientem, serwerem i API — od metody HTTP do danych w odpowiedzi.
- Żądanie i odpowiedź HTTP — hasło: Time To First Byte (TTFB)
- Żądanie REST API — hasło: API
Laboratorium diagramów
Modele demonstracyjne i eksperymentalne, które nie należą jeszcze do głównego atlasu.