.htaccess Konfiguration

Hier ein paar Beispiele für die Konfiguration der .htaccess Datei.

<IfModule mod_rewrite.c>
  
  # Enable URL rewriting
  RewriteEngine On
  
  # Weiterleitung http:// auf https://
  RewriteCond %{HTTPS} !=on
  RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
  
  # Weiterleitung https:// auf http://
  RewriteCond %{HTTPS} =on
  RewriteRule ^ http://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
  
</IfModule>

<IfModule mod_rewrite.c>

  RewriteEngine On
  RewriteCond %{HTTP_HOST} !^www.meineseite.de$
  RewriteRule ^(.*)$ https://www.meineseite.de/$1 [R=301,L]  
  
</IfModule>    

<IfModule mod_rewrite.c>
  RewriteEngine On     
  
  ## Ganze Verzeichnisse umleiten
  RedirectMatch 301 /startseite(.*) /$1
  
  ## Einzelne Links umleiten
  RewriteCond %{QUERY_STRING} (.*)kultur/kulturerbe/schiomgwime.php(.*)
  RewriteRule .* /index.php?id=53 [R=301,L]    
  
</IfModule>  

Fehlerhafte Links auf 404-Seite umleiten

<IfModule mod_rewrite.c>
  
  RewriteCond %{QUERY_STRING} ^votecmd(.*)
  RewriteRule .* /index.php?id=233 [R=301,L]    
  
  RewriteCond %{QUERY_STRING} (.*)pxacookiebar(.*)
  RewriteRule .* /index.php?id=233 [R=301,L]    
  
</IfModule>  

Wenn man mit dem Lighthouse Report Viewer von Google arbeitet, um seine Webseite auf SEO hin durchchecken zu lassen, fällt oft bei einer eigentlich fertig programmierten Webseite eine ganze Menge weiterer Arbeit an. Oft sind es kleine Änderungen, die Stück für Stück die Performance einer Webseite auf Suchmaschinenoptimierung hin verbessern. Neben vielen Maßnahmen im Templating und TypoScript einer TYPO3 Webseite sind es auch oft grundlegende Einstellungen des Webservers, an denen man schrauben kann. Hier bietet sich die .htaccess Datei an.

In der .htaccess regeln wir eine ganze Menge Einstellungen für die gesamte Webseite. Neben oben beschriebenen Faktoren wie Umleitungen können wir dem Server auch mitteilen, was mit bestimmten Dateitypen geschehen soll. So können wir gezippte Dateien verwenden, die erst mit einem modernen Browser entpackt werden, um Style Sheets und JavaScript Dateien mit geringerer Ladezeit zu übertragen. Wir können die .htaccess aber auch sehr gut nutzen, um den Cache zu beeinflussen.

Oft kommt von Lighthouse die Meldung:

Also möchte Lighthouse erreichen, dass wir eine effiziente Cache Richtlinie bereitstellen, um Datenmengen anbieten zu können. Eine solche Richtlinie für den Datei Cache im Browser unserer Besucher können wir über die .htaccess setzen, was wir hier an Hand einer typischen Konfiguration für TYPO3 erklären.

Die .htaccess Datei enthält bei einer standardmäßigen TYPO3 Konfiguration meist einen solchen Codeblock:

### Begin: Browser caching of resource files ###

# This affects Frontend and Backend and increases performance.
<IfModule mod_expires.c>

  ExpiresActive on
  ExpiresDefault                                      "access plus 1 month"
 
  ExpiresByType text/css                              "access plus 1 year"
  
  [...]

</IfModule>

### End: Browser caching of resource files ###

In diesem Bereich finden wir Einstellungen für den Zeitraum, in dem der Browser bestimmte Dateitypen auf dem Endgerät speichern soll, bevor er diese neu vom Server lädt - falls man ihn nicht vorher bewusst dazu bewegen will. Wenn wir nun Bilder, Videos und Schriftarten vom Server laden lassen wollen, ist die standardmäßige Einstellung meist auf eine Woche beschränkt. Diese können wir auf ein Jahr verlängern. Der entsprechende Code Block sieht wie folgt aus:

<IfModule mod_expires.c>
  
  [...]
  
  ExpiresByType audio/ogg                             "access plus 1 year"
  ExpiresByType image/bmp                             "access plus 1 year"
  ExpiresByType image/gif                             "access plus 1 year"
  ExpiresByType image/jpeg                            "access plus 1 year"
  ExpiresByType image/png                             "access plus 1 year"
  ExpiresByType image/svg+xml                         "access plus 1 year"
  ExpiresByType image/webp                            "access plus 1 year"
  ExpiresByType video/mp4                             "access plus 1 year"
  ExpiresByType video/ogg                             "access plus 1 year"
  ExpiresByType video/webm                            "access plus 1 year"
  
  [...]
  
</IfModule>

<IfModule mod_expires.c>
  
  [...]
  
  ExpiresByType application/vnd.ms-fontobject         "access plus 1 year"
  ExpiresByType font/eot                              "access plus 1 year"
  ExpiresByType font/opentype                         "access plus 1 year"
  ExpiresByType application/x-font-ttf                "access plus 1 year"
  ExpiresByType application/font-woff                 "access plus 1 year"
  ExpiresByType application/x-font-woff               "access plus 1 year"
  ExpiresByType font/woff                             "access plus 1 year"
  ExpiresByType application/font-woff2                "access plus 1 year"
  
  [...]
  
</IfModule>

Mit diesen Anpassungen erreichen Sie eine bessere Performance bei Google Lighthouse. Vor allem aber erreichen Sie bei Ihren Besuchern, dass die Webseite spürbar schneller geladen wird, weil viele Elemente bereits auf dem Endgerät liegen und aus dem Cache geholt werden können.