5 einfache Tipps für eine schnellere Website

Ein Thema beschäftigt uns Website-Betreiber immer: Geschwindigkeit. Mit dem Sommer, womöglich Sommerferien und Tagen am Wasser bleibt den meisten nur wenig Zeit, ihre Website zu optimieren. Deshalb gebe ich Ihnen heute fünf Kurztipps, wie Sie Ihrer Website ohne viel Aufwand bessere Performance verschaffen.

1. Server entlasten

Websites, hinter denen ein klassisches CMS (Content-Management-System) auf PHP/MySQL-Basis steht, können ganz schön ressourcenintensiv sein, um Inhalte an den Besucher zu schicken. Das muss nicht sein. Mit einem Caching-Plugin muss der Server die einzelnen Seiten nicht bei jedem Aufruf neu berechnen. Oder Sie setzen anstatt auf ein traditionelles CMS gleich auf ein Flat-File-System. Besser noch: Generieren Sie Ihre Website lokal auf Ihrem Rechner und legen Sie diese statischen Inhalte auf dem Webhosting ab. Static Site Generators machen’s möglich.

2. PHP 7 nutzen

Mit PHP 7 muss ein Server massiv weniger Rechenoperationen durchführen um eine Website darzustellen, als das noch mit PHP 5.6 der Fall war. Wir haben nachgemessen: In unseren Tests konnte eine WordPress-Website pro Sekunde dreimal mehr Anfragen beantworten, wenn PHP 7 aktiviert war. Die Unterstützung von PHP 7 ist unter den beliebtesten CMS mittlerweile flächendeckend. Damit ist der Geschwindigkeitsgewinn von bis zu 300% nur einen Mausklick im my.cyon-Konto entfernt.

3. HTTP/2 nutzen

Das Protokoll, das Websites antreibt, ist in die Jahre gekommen. Webentwickler behelfen sich mit Tricks um die Unzulänglichkeiten von HTTP/1.1 zu umgehen. Hier springt die Nachfolgerversion HTTP/2 in die Bresche und macht die HTTP/1.1-Performance-Tricks überflüssig. Damit Browser HTTP/2-Verbindungen akzeptieren braucht’s natürlich einen Webserver, der das schnelle Protokoll spricht. Ausserdem wird eine verschlüsselte Verbindung, also über HTTPS, vorausgesetzt. Dank unseren kostenlosen SSL-Zertifikaten haben Sie diese Voraussetzung ebenfalls mit einem Mausklick erfüllt. Verbindungen per HTTPS laufen auf unseren Servern automatisch über HTTP/2.

4. GZIP aktivieren

Textdateien lassen sich mit dem Kompressionsprogramm GZIP hervorragend komprimieren. Und da CSS, JavaScript und HTML nichts anderes als Textdateien sind, sind die Grösseneinsparungen mit aktivierter GZIP-Kompression sehenswert. Mit GZIP komprimierte Textdateien sind bis zu 90% kleiner als ihr Ursprung. Das sind spürbar weniger Daten, die übertragen werden müssen. Deshalb ist auf unseren Servern die GZIP-Kompression von Haus aus aktiviert. Falls Ihr Hosting-Anbieter das nicht macht, Apache als Webserver zum Einsatz kommt und das Modul mod_deflate installiert ist, können Sie mit folgenden Befehlen in der .htaccess-Datei Textdateitypen vom Server komprimieren lassen:

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Quelle: KeyCDN – 18 Tips for Website Performance Optimization

5. Bilder optimieren

Fotos sind schnell einmal einige Megabyte gross. Darum sollten Sie nicht nur wie in Punkt 4 beschrieben, Textdateien komprimieren, sondern auch Bilder auf Ihrer Websites optimieren. Und das fängt schon auf Ihrem Computer an. Verkleinern Sie PNG-, GIF- und JPG-Dateien bereits, bevor Sie die Dateien auf Ihre Website laden.

Praktische Tools wie ImageOptim, ImageAlpha, TinyPNG oder Kraken.io helfen Ihnen dabei. Und falls das von Ihnen verwendete CMS selbst noch einmal verschiedene Versionen eines Bildes anlegt (ja WordPress, Du bist gemeint ?), empfiehlt sich der Einsatz eines Plugins wie Optimus, das auch diese zusätzlichen Versionen eines Bildes automatisch optimiert.

Weitere Tipps

Möchten Sie Ihre Website noch weiter optimieren? Dann finden Sie bei KeyCDN (Englisch), Torsten Landsiedel, Stefan Wintermeyer, Google Developers oder in unserem Supportcenter-Artikel «Wie kann ich die Geschwindigkeit meiner Website optimieren?» weiterführende Tipps.