Anleitung: WordPress .htacces optimieren

Brawler

Hallo,

nachdem ich hier im Forum immer wieder feststelle, dass sich Anpassungen der WordPress-Instanz immer nur auf das rudimentär Wesentliche beschränken, schiebe ich als kleine Hilfestellung eine umfassendere Konfiguration der .htaccess hier rein. Überlicherweise sind viele Dinge bei einem soliden Provider bereits im System selbst eingestellt. Mit diesen Einträgen geht man dann aber quasi auf Nummer sicher.

WordPress selbst beschränkt sich mit seinen Rewrite-Regeln auf ein Minimum und dabei möchte ich es auch belassen:

Apache Configuration

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

Im Folgenden werden die ETags behandelt:

Code

# BEGIN ETag
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)(\.gz)?$">
Header set Expires "Thu, 15 Apr 2020 20:00:00 GMT"
Header unset ETag
FileETag None
</FilesMatch>
# END ETag

Im nächsten Abschnitt wird das Browser caching für die verschiedenen Dateitypen definiert.

[COLOR=#b22222]Wichtig[/COLOR]: Auf dem Webserver muss das Modul EXPIRES aktiviert sein, damit die Bedingungen erfüllt werden können.

Code

# BEGIN Browser caching #
<IfModule mod_expires.c>
    ExpiresActive on
    ExpiresDefault                                      "access plus 1 month"




    ExpiresByType text/css                              "access plus 1 year"




    ExpiresByType application/json                      "access plus 0 seconds"
    ExpiresByType application/ld+json                   "access plus 0 seconds"
    ExpiresByType application/schema+json               "access plus 0 seconds"
    ExpiresByType application/vnd.geo+json              "access plus 0 seconds"
    ExpiresByType application/xml                       "access plus 0 seconds"
    ExpiresByType text/xml                              "access plus 0 seconds"




    ExpiresByType image/vnd.microsoft.icon              "access plus 1 week"
    ExpiresByType image/x-icon                          "access plus 1 week"
    ExpiresByType text/x-component                      "access plus 1 month"
    ExpiresByType text/html                             "access plus 0 seconds"




    ExpiresByType application/javascript                "access plus 1 year"
    ExpiresByType application/x-javascript              "access plus 1 year"
    ExpiresByType text/javascript                       "access plus 1 year"
    ExpiresByType application/manifest+json             "access plus 1 week"
    ExpiresByType application/x-web-app-manifest+json   "access plus 0 seconds"
    ExpiresByType text/cache-manifest                   "access plus 0 seconds"




    ExpiresByType audio/ogg                             "access plus 1 month"
    ExpiresByType image/bmp                             "access plus 1 month"
    ExpiresByType image/gif                             "access plus 1 month"
    ExpiresByType image/jpeg                            "access plus 1 month"
    ExpiresByType image/png                             "access plus 1 month"
    ExpiresByType image/svg+xml                         "access plus 1 month"
    ExpiresByType image/webp                            "access plus 1 month"
    ExpiresByType video/mp4                             "access plus 1 month"
    ExpiresByType video/ogg                             "access plus 1 month"
    ExpiresByType video/webm                            "access plus 1 month"




    ExpiresByType application/atom+xml                  "access plus 1 hour"
    ExpiresByType application/rdf+xml                   "access plus 1 hour"
    ExpiresByType application/rss+xml                   "access plus 1 hour"




    ExpiresByType application/vnd.ms-fontobject         "access plus 1 month"
    ExpiresByType font/eot                              "access plus 1 month"
    ExpiresByType font/opentype                         "access plus 1 month"
    ExpiresByType application/x-font-ttf                "access plus 1 month"
    ExpiresByType application/font-woff                 "access plus 1 month"
    ExpiresByType application/x-font-woff               "access plus 1 month"
    ExpiresByType font/woff                             "access plus 1 month"
    ExpiresByType application/font-woff2                "access plus 1 month"




    ExpiresByType text/x-cross-domain-policy            "access plus 1 week"
</IfModule>




# END Browser caching #

Alles anzeigen

Weiter geht es mit der Definition der MIME-Typen und einer UTF-8-Spezifikation:

Code

# Begin: MIME types #




# MIME-Typen für alle Dateien
<IfModule mod_mime.c>
    # Datenaustausch
    AddType application/atom+xml                        atom
    AddType application/json                            json map topojson
    AddType application/ld+json                         jsonld
    AddType application/rss+xml                         rss
    AddType application/vnd.geo+json                    geojson
    AddType application/xml                             rdf xml




    # JavaScript
    AddType application/javascript                      js




    # Manifest
    AddType application/manifest+json                   webmanifest
    AddType application/x-web-app-manifest+json         webapp
    AddType text/cache-manifest                         appcache




    # Medien
    AddType audio/mp4                                   f4a f4b m4a
    AddType audio/ogg                                   oga ogg opus
    AddType image/bmp                                   bmp
    AddType image/svg+xml                               svg svgz
    AddType image/webp                                  webp
    AddType video/mp4                                   f4v f4p m4v mp4
    AddType video/ogg                                   ogv
    AddType video/webm                                  webm
    AddType video/x-flv                                 flv
    AddType image/x-icon                                cur ico




    # Webfonts
    AddType application/font-woff                       woff
    AddType application/font-woff2                      woff2
    AddType application/vnd.ms-fontobject               eot
    AddType application/x-font-ttf                      ttc ttf
    AddType font/opentype                               otf




    # Andere
    AddType application/octet-stream                    safariextz
    AddType application/x-bb-appworld                   bbaw
    AddType application/x-chrome-extension              crx
    AddType application/x-opera-extension               oex
    AddType application/x-xpinstall                     xpi
    AddType text/vcard                                  vcard vcf
    AddType text/vnd.rim.location.xloc                  xloc
    AddType text/vtt                                    vtt
    AddType text/x-component                            htc
</IfModule>




# UTF-8 encoding
AddDefaultCharset utf-8
<IfModule mod_mime.c>
    AddCharset utf-8 .atom .css .js .json .manifest .rdf .rss .vtt .webapp .webmanifest .xml
</IfModule>




# END MIME types #

Alles anzeigen

Zu guter Letzt die Kompression. Dies funktioniert nur dann, wenn der Webserver die GZIP-Kompression ermöglicht. Du kannst das mit einem Tool wie bspw. YSlow testen.

Code

# BEGIN Compression #




# Die folgenden Zeilen sind auskommentiert. Aktiviere sie bei Bedarf.




#<FilesMatch "\.js\.gzip$">
#        AddType "text/javascript" .gzip
#</FilesMatch>
#<FilesMatch "\.css\.gzip$">
#        AddType "text/css" .gzip
#</FilesMatch>
#AddEncoding gzip .gzip




<IfModule mod_deflate.c>
    <IfModule mod_setenvif.c>
        <IfModule mod_headers.c>
            SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
            RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
        </IfModule>
    </IfModule>




    # Ausgabe nach Medientypen komprimieren
    <IfModule mod_filter.c>
        AddOutputFilterByType DEFLATE application/atom+xml \
            application/javascript \
            application/json \
            application/ld+json \
            application/manifest+json \
            application/rdf+xml \
            application/rss+xml \
            application/schema+json \
            application/vnd.geo+json \
            application/vnd.ms-fontobject \
            application/x-font-ttf \
            application/x-javascript \
            application/x-web-app-manifest+json \
            application/xhtml+xml \
            application/xml \
            font/eot \
            font/opentype \
            image/bmp \
            image/svg+xml \
            image/vnd.microsoft.icon \
            image/x-icon \
            text/cache-manifest \
            text/css \
            text/html \
            text/javascript \
            text/plain \
            text/vcard \
            text/vnd.rim.location.xloc \
            text/vtt \
            text/x-component \
            text/x-cross-domain-policy \
            text/xml
    </IfModule>




    <IfModule mod_mime.c>
        AddEncoding gzip              svgz
    </IfModule>
</IfModule>
# END Compression #

Alles anzeigen

Das Beispiel kann hier komplett herunter geladen (gist) werden.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Brawler

HowTo:
1. Lade diese Datei in das Hauptverzeichnis von WordPress hoch (dort wo die wp-config.php ist).
2. Benenne die evtl. vorhandene Datei [FONT=courier new].htaccess[/FONT] in [FONT=courier new]_.htaccess[/FONT] um. Lösche sie nicht, falls etwas nicht klappen sollte.
3. Benenne die heruntergeladene Datei in [FONT=courier new].htaccess[/FONT] um.
4. Tausche ggf. den Abschnitt BEGIN WordPress mit den Angaben aus Deiner alten [FONT=courier new].htaccess[/FONT] (prüfe das vorher!).
4. Prüfe Deine Webseite auf Fehler.

Ich würde mich über Feedback freuen, ob eine Verbesserung oder Probleme mit dieser .htaccess eingetreten ist. Es wäre nett, wenn der Provider und das Paket (Webspace, virtueller Server, Dedicated, etc.) angegeben würde. Falls das nicht öffentlich gewünscht ist, bitte ich um eine PN.

Viel Erfolg!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Anleitung: WordPress .htacces optimieren

Jetzt mitmachen!