Mit .htaccess Bilder und Dateien cachen zu lassen ist im Zeitalter der Smartphones, Tablets und anderen mobilen Endgeräten wichtiger denn je, denn durch das Caching kann die Ladezeit einer Webseite enorm verringert werden.
Hier biete ich dir einen kleinen Einblick darin, wie es möglich ist, mit einer .htaccess Bilder, CSS- und JavaScript-Dateien cachen zu lassen.
Die Caching-Einstellung über die .htaccess kann nur genutzt werden, wenn der eigene Server dies auch unterstützt. Das Modul, welches mit der .htaccess für das Caching beeinflusst wird, nennt sich „mod_expires“. Sofern dies vom Server zugelassen ist, kann man mit der .htaccess dieses Modul steuern.
Und so funktioniert es:
Du gibst in deine .htaccess folgenden Code ein:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <IfModule mod_expires.c> ExpiresActive On ExpiresDefault "access plus 1 seconds" ExpiresByType image/x-icon "access plus 2592000 seconds" ExpiresByType image/jpeg "access plus 2592000 seconds" ExpiresByType image/png "access plus 2592000 seconds" ExpiresByType image/gif "access plus 2592000 seconds" ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds" ExpiresByType text/css "access plus 604800 seconds" ExpiresByType text/javascript "access plus 216000 seconds" ExpiresByType application/x-javascript "access plus 216000 seconds" ExpiresByType text/html "access plus 600 seconds" ExpiresByType application/xhtml+xml "access plus 600 seconds" </IfModule> |
Mit <IfModule mod_expires.c> öffnest du den Code und mit </IfModule> schließt du diesen wieder. Innerhalb des Codes kannst du nun die verschiedenen Dateitypen und Formate aufrufen und die Dauer des Cachings einstellen.
CSS- und JavaScript-Dateien cachen:
Falls du nicht nur Bilder cachen lassen willst, sondern auch andere Dateien wie z. B. die CSS- und JavaScript-Dateien, kannst du dies mit folgendem Code tun:
1 2 3 | ExpiresByType text/css "access plus 1 day 1 hour" ExpiresByType text/javascript "access plus 7 days 1 hour" ExpiresByType application/x-javascript "access plus 7 days 1 hour" |
Ich nutze diese Funktion seit Längerem und ich sehe darin nur Vorteile. Für mich und den Besucher. Also eine WIN-WIN-Situation. Das Einzige, was beachtet werden sollte, ist bei größeren Umbauarbeiten die Dateien neu cachen zu lassen.
Dies kannst du ganz leicht machen, indem du die Zeit des Cachings einfach stark reduzierst und danach einfach wieder hoch setzt.
Loading...
