Optymalizacja

Co to jest cache przeglądarki

Lokalne zapisywanie plików strony w przeglądarce, żeby kolejne wizyty ładowały się szybciej.

Aktualizacja:
Krótka odpowiedź

Cache przeglądarki to mechanizm, w którym przeglądarka zapisuje pobrane pliki (obrazy, CSS, JS, czcionki) na dysku użytkownika i przy kolejnej wizycie ładuje je lokalnie zamiast pobierać z serwera. Sterują nim nagłówki HTTP, głównie Cache-Control. Dobrze ustawiony cache sprawia, że powracający użytkownik widzi stronę niemal natychmiast.

Kluczowe fakty
Sterowany przez Nagłówek Cache-Control (i ETag)
Dotyczy Obrazy, CSS, JS, czcionki
Typowy czas dla statyków do 1 roku (z hashem w nazwie)
Główna korzyść Błyskawiczne kolejne wizyty
Lighthouse audit uses-long-cache-ttl

Co to jest cache przeglądarki?

Cache przeglądarki to lokalne zapisywanie pobranych plików na urządzeniu użytkownika. Przy kolejnej wizycie przeglądarka ładuje je z dysku zamiast pobierać ponownie — dzięki czemu strona pojawia się niemal natychmiast. Zachowaniem cache steruje nagłówek Cache-Control.

Jak ustawić cache dobrze?

Statyczne pliki z hashem w nazwie cache'uj bardzo długo, HTML — krótko. Cache przeglądarki działa najlepiej razem z CDN: CDN trzyma kopie blisko użytkownika, a przeglądarka — bezpośrednio na jego urządzeniu.

Najczęstsze pytania

Dlaczego użytkownicy widzą starą wersję po zmianie pliku?
Bo plik był cache'owany długo pod tą samą nazwą. Rozwiązanie to cache busting: dodaj hash treści do nazwy pliku (app.a1b2c3.js). Po zmianie treści zmienia się nazwa, więc przeglądarka pobiera nową wersję, a stare pliki z długim cache nie kolidują.
Ile powinien trwać cache?
Statyczne pliki z hashem w nazwie — nawet rok (immutable). HTML — krótko (minuty) albo z walidacją ETag, żeby zmiany treści były natychmiast widoczne. Obrazy bez hasha — od kilku dni do miesiąca, zależnie od tego, jak często je podmieniasz.
Powiązane pojęcia
CDN (Content Delivery Network)TTFB (Time to First Byte)kompresja BrotliZasoby blokujące renderowanie — co to jest i jak naprawić

Sprawdź swoją stronę

Wpisz adres swojej strony, w 30 sekund zobaczysz konkretną listę problemów do naprawy — wraz z wpływem na sprzedaż, SEO i koszty reklam.

Zacznij test →