So verbessern Sie die Performance Ihrer Webseite über Einstellungen in der .htaccess-Datei
Moderne Webseiten verwenden in der Regel viele Bilder, aufwendige Designs und Extras wie z. B. JavaScript-basierte Bildergalerien. Je umfangreicher Ihre Webseite wird, desto länger dauert allerdings auch der Seitenaufruf. Die Ladezeit für den Besucher Ihrer Webseite vergrößert sich dadurch.
In diesem Artikel erfahren Sie, wie Sie die Ladezeiten Ihrer Webseite verbessern können. Wir stellen dazu einige Einstellungen vor, die Sie über eine .htaccess-Datei definieren können.
Inhalte komprimiert übertragen
Je größer eine Webseite ist, desto mehr Dateien gehören dazu – entsprechend steigt auch die Gesamtgröße in KB/MB, die von Besuchern Ihrer Seite geladen werden muss. Um möglichst geringe Ladezeiten zu erreichen, ist es sinnvoll die Dateien vor der Übertragung durch den Server komprimieren zu lassen. Hierbei kommt das Apache-Modul mod_deflate zum Einsatz.
In allen STRATO PowerWeb-Paketen können Sie die Komprimierung wie folgt einschalten:
Öffnen Sie die .htaccess-Datei im Hauptverzeichnis Ihrer Web-Anwendung und ergänzen die Zeile SetOutputFilter DEFLATE.
Ihnen stehen anschließend alle mod_deflate-Optionen, wie bspw. AddOutputFilterByType DEFLATE text/html text/plain, zur Verfügung.
Weitere Informationen finden Sie hier: 
http://httpd.apache.org/docs/2.2/mod/mod_deflate.html
Den Browser-Cache nutzen
Eine weitere Optimierungsmöglichkeit besteht darin, Dateien, die sich nur selten ändern, durch den Browser Ihrer Besucher zwischenspeichern zu lassen (cachen). Gelangt ein Besucher das erste Mal auf Ihre Webseite, wird diese vollständig geladen. Bei einem erneuten Aufruf prüft der Browser, ob beispielsweise ein Bild bereits im Zwischenspeicher abgelegt wurde und lädt dieses dann von dort. Der Seitenaufbau wird so deutlich schneller.
Beispiel
Die hierfür notwendigen Einträge in der .htaccess-Datei können etwa wie folgt aussehen:
| # Caching einrichten
FileETag MTime Size
ExpiresActive On ExpiresByType text/css "access plus 1 weeks" ExpiresByType application/javascript "access plus 1 weeks" ExpiresByType application/x-javascript "access plus 1 weeks" ExpiresByType image/gif "access plus 1 months" ExpiresByType image/jpeg "access plus 1 months" ExpiresByType image/png "access plus 1 months" ExpiresByType image/x-icon "access plus 1 months" |
Kurz eine Erläuterung dazu: FileETag MTime Size bildet einen für jede Datei Ihrer Webseite einmalige Kennung aus dem letzten Änderungsdatum sowie der Größe der Datei.
Die Abfrage <IfModule mod_expires.c> prüft, ob das notwendige Servermodul installiert ist – das ist in allen STRATO Paketen der Fall.
ExpiresActive On schaltet das Modul für Ihre Webseite ein, anschließend folgen die Angaben, welche Dateitypen gecached werden sollen und für welchen Zeitraum. Die Zeitangabe erfolgt dabei in der Form „ab letztem Zugriff für Zeitraum X“, im Beispiel „access plus 1 weeks“ also „ab Zugriff für eine Woche“. Ist der gesetzte Zeitraum abgelaufen, wird die Datei im Browser-Cache durch die aktuelle Version von Ihrer Webseite ersetzt.
Im Beispiel werden CSS- und JavaScript (JS) -Dateien für eine Woche gecached, Bilder und das Favoriten-Icon hingegen für einen Monat. Achten Sie bitte darauf, dass die Zeitangabe immer in der Mehrzahl definiert wird, also ein „s“ am Ende steht (weeks, months, …). Welche Werte als Zeitangabe möglich sind, entnehmen Sie bitte der offiziellen Dokumentation des Apache Webservers: http://httpd.apache.org/docs/2.0/mod/mod_expires.html#AltSyn
Den Zeitraum können Sie selbst festlegen. In der nachfolgenden Tabelle finden Sie einige Tipps:
Dateityp | Cache Zeitraum | Details |
Bilder (jpg/png/gif) | access plus 1 months | Bei statischen Webseiten, Blogs, Bildergalerien, etc. |
| access plus 1 weeks | Für Onlineshops mit häufigem Wechsel der Produktbilder |
CSS-Dateien | access plus 1 months | Sollten Sie öfter Änderungen am Layout Ihrer Webseite vornehmen, wählen Sie einen passenden kürzeren Zeitraum, etwa 1-2 Wochen. |
JavaScript (JS) Dateien | access plus 1 months |
|
Damit Besucher Ihrer Webseite auch Änderungen sehen, die mitten in einem Cache-Zeitraum erfolgen (Cache für 1 Monat – Änderung z. B. nach 14 Tagen), setzen Sie einfach in der .htaccess-Datei den Wert für den Cache-Zeitraum des entsprechenden Dateityps herab. Lassen Sie die Einstellung für beispielsweise eine Woche aktiv und setzen dann wieder die ursprünglichen Werte ein.
Beispiel
Aus access plus 1 months wird dann access plus 1 hours.
In Abhängigkeit vom verwendetem CMS gibt es meist noch weitere Möglichkeiten die Performance zu verbessern. Hierzu gehören beispielsweise:
- CDN (Content Delivery Network) aufsetzen
- Bilder in CSS-Sprites auslagern
- CSS/JS Skripte komprimiert auf dem Webspace ablegen
- Falls nicht genutzt: mootools im Frontend deaktivieren (Joomla)
Ausführliche Anleitungen wie dies speziell bei dem von Ihnen verwendetem Content Management System vorzunehmen ist, finden Sie in der Regel im Supportforum Ihres Content Management System.
Beachten Sie zu diesem Thema bitte auch den Artikel:
So optimieren Sie die Geschwindigkeit Ihres Content Management Systems