Wiedza / Diagramy / Wydajność i obrazy
Cache: przeglądarka → CDN → serwer
Cache zatrzymuje wersjonowany zasób jak najbliżej użytkownika; serwer origin pracuje dopiero po MISS albo zmianie pliku.
Co pokazuje ten diagram?
Od pobrania zasobów do wyrenderowania stabilnego widoku oraz pomiaru Core Web Vitals.
Cache (pamięć podręczna) to mechanizm, dzięki któremu przeglądarka lub CDN zapamiętuje pobrane pliki, by nie ściągać ich ponownie przy każdym wejściu. Sterują tym nagłówki HTTP, przede wszystkim Cache-Control.
Pomaga połączyć wynik PageSpeed lub audytu z konkretną fazą ładowania, formatem obrazu albo protokołem.
Jak czytać schemat
- Ten sam plik nie musi wracać aż do serwera
- Przeglądarka — lokalny cache
- CDN / edge — cache blisko użytkownika
- Serwer origin — tworzy odpowiedź
- żądanie
- MISS
- plik + Cache-Control
- HIT bez originu
Pełne wyjaśnienie pojęcia
Cache (nagłówki cache) — Zapamiętywanie zasobów przez przeglądarkę/CDN.
Jak użyć diagramu?
Otwórz sam plik SVG, aby powiększyć go bez utraty jakości, albo odwołaj się do tej strony, gdy potrzebujesz również opisu, legendy i powiązanych materiałów.