Szybkość Średni wpływ Łatwe 15–30 min

Pamięć podręczna przeglądarki

Pliki statyczne powinny być przechowywane u odwiedzającego.

Co to jest

Pamięć podręczna przeglądarki (przez nagłówki Cache-Control / Expires) pozwala przeglądarce zapisać pliki statyczne (obrazy, CSS, JS, czcionki) i przy kolejnej wizycie nie pobierać ich ponownie.

Dlaczego warto to rozwiązać

Bez cache powracający odwiedzający pobiera wszystko od nowa przy każdym wczytaniu, niepotrzebnie wolno i zasobożernie. Właściwa cache wyraźnie przyspiesza powtórne wizyty i odciąża serwer.

Jak to zrobić

1Ustaw długą cache (np. 1 rok) dla niezmiennych plików statycznych.
2Stosuj „cache busting”, wersjonowanie w nazwie (app.4f3a.js), aby po zmianie użytkownik dostał nową wersję.
3HTML trzymaj z krótką lub żadną cache (musi być aktualny).
4Sprawdź nagłówki Cache-Control w odpowiedzi.

Cache plików statycznych (.htaccess)

Dobrze

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType text/css "access plus 1 year"
  ExpiresByType application/javascript "access plus 1 year"
</IfModule>

Podsumowanie

Pamięć podręczna przeglądarki to tani sposób na przyspieszenie powtórnych wizyt. Kluczem jest połączenie długiej cache dla statyki + wersjonowanie nazw, abyś mógł zmieniać pliki bez ryzyka, że użytkownik zobaczy starą wersję. HTML natomiast pozostaw świeży.

Powiązane tematy