In meinem letzten Artikel habe ich über das Problem der Absprungrate im Zusammenhang mit der Ladezeit meines Blog berichtet. Genauer gesagt ging es darum, das viele meiner potentielle Leser bei einer zu langen Ladezeit abspringen und die Bounce Rate nach oben treiben.
Grund genug dir in diesem Artikel einmal zu zeigen, wie ich ohne viel Aufwand und in nur 5 Minuten Minuten die Ladezeit meines Blog deutlich senken konnte.
Wenn du deine Webseite mit Tools wie Pingdom oder GTmetrix überprüfst, wirst du feststellen, wie hoch die Ladezeit deines Blog ist und ob auch bei dir Optimierungsbedarf besteht.
Um die Ladezeiten meines Blog nicht durch zu viele Plugins weiter zu erhöhen, beschränke ich mich auf ein absolutes Minimum an eben solchen Erweiterungen. Dies führt dazu, das ich die Optimierung der Ladezeit ohne Plugins durchgeführt habe.
Output Compression
Als erstes habe ich folgenden Code ganz oben in die .htaccess Datei eingefügt. Die Angaben in der .htaccess können bei deinem Server anders sein. Dies hängt davon ab, ob bei dir mod_gzip oder mod_deflate zum Einsatz kommen. In meinem Beispiel zur Optimierung kommt mod_deflate zum Einsatz.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <IfModule mod_deflate.c> # Insert filters AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/x-httpd-php AddOutputFilterByType DEFLATE application/x-httpd-fastphp AddOutputFilterByType DEFLATE image/svg+xml </IfModule> |
Leverage Browser Caching
Damit du Leverage browser caching (Browsercache) optimal nutzen kannst, muss auf deinem Server entweder das Module mod_expires oder mod_headers aktiviert sein. Bei den meisten Webspace-Anbietern ist dies glücklicherweise der Fall. Nun fügst du folgende Zeilen unter die Output Compression ein, um das Browser Caching zu aktivieren.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | ## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 2 days" </IfModule> ## EXPIRES CACHING ## |
Disable etags
Zum Schluss fügst du nun folgenden Code ganz unten in deine .htaccess Datei ein.
1 2 | #disable etags FileETag none |
Wenn du die Optimierung ausprobieren möchtest, dann mach einen Test VOR und NACH der Ladezeit-Optimierung. Wenn du die Optimierung ausprobiert hast, würde mich interessieren welches Ergebnis es bei deiner Website gebracht hat. Schreib mir doch ein Kommentar!