Browser Caching einstellen

Um die Ladezeit einer Website zu beschleunigen. ist es sinnvoll, das Browser-Caching zu konfigurieren. Dieses wird durch entsprechende Server-Anweisungen in der Datei “.htaccess” vorgenommen, die, sofern nicht vorhanden, erstellt werden muss. Je nach eingestellter Ablauf-Periode wird dann eine Datei aus dem lokalen Cache-Speicher des Browers entnommen, was relativ schnell geht, oder nach Ablauf der Zeitspanne eben neu geladen, was insbesondere bei Fotos oder Videos relativ lange dauern kann.

!Achtung! : Da einige CMS eine eigene .htaccess Seite erstellen, sollte diese vor dem Editieren unbedingt gesichert werden, da fehlerhafte Einträge die Website komplett lahm legen könnten.

Folgende globale Anweisung in der .htaccess würde z.B. dafür soregn, dass Dateien, die jünger als 1 Monat sind, aus dem Cache geladen werden:

Header set Cache-Control “max-age=2628000, public”

Will man jetzt nach verschiedenen Datei-Typen unterscheiden, könnte die Anweisung folgendermaßen aussehen:;

# 1 Jahr für Bilder oder Videos mit diesen Extensions:
<filesMatch “.(jpg|jpeg|png|gif|ico|mp4|ogg)$”>
Header set Cache-Control “max-age=31536000, public”
</filesMatch>

# 1 Monat für css- und js-Dateien:
<filesMatch “.(css|js)$”>
Header set Cache-Control “max-age=2628000, public”
</filesMatch>

Die Periode wird in Sekunden angegeben, wobei z.B.

1 Jahr = 31536000 Sekunden

1 Monat = 2628000 Sekunden

1 Woche = 604800 Sekunden

1 Tag = 86400 Sekunden

ist.