Webseiten schneller machen

Webseitenbesucher sind ungeduldig, um Besucher und Suchmaschinen bei der Stange zu halten, darf Ihre Website keine Zeit verlieren. Ganz klar, eine reine HTML-Seite ohne Bilder und externe Daten ist immer noch am schnellsten, aber wer möchte das schon!

Hier finden Sie einige Tipps wie Sie Ihre Website schneller machen können.

HTML, CSS, JavaScript und PHP

• Valider HTML-Code - Machen Sie es dem Browser leichter, schreiben Sie möglichst validen HTML-Code, benutzen Sie HTML 5-Tags, damit sind viele DIV-Elemente überflüssig.

• CSS-Anweisungen die Sie nur auf einer Seite benötigen, sollte nicht ausgelagert, sondern direkt in den Kopf-Bereich der betreffenden Seite eingefügt werden.

• Optimieren Sie Ihren PHP-Code, Datenbank-Anfragen minimieren, pro Seite sollten max. zwei Datenbank-Anfragen nötig sein.

• Falsch platzierte JavaScript oder CSS Einbindungen blockieren den Browser kurzfristig und beeinflussen direkt die Ladezeit. Manche JavaScripte können auch an das Ende der Seite gesetzt werden.

Bilder optimieren

• Optimieren Sie Bilder, verwenden Sie ein anderes Dateiformat. Für große Bilder eignet sich das Dateiformat .JPG, mit einem guten Grafik-Programm lassen sich verschiedene Kompressions-Stufen einstellen, damit kann die Dateigröße erheblich reduziert werden. Ein Wert von 85-90 ist ein guter Kompromiss aus Ladezeit und Qualität.

• Manche Grafik-Programme bieten ein progressives JPEG an. Beim Aufruf der Website wird das Bild nicht erst komplett geladen, sondern allmählich aufgebaut – ideal vor allem für großflächige Bilder.

• Für kleine Bilder, Icons etc. eignen sich die Dateiformate .PNG und .GIF. Mit diversen Freeware Programmen (PngOptimizer, Gif Optimizer, etc.) können Sie die Dateigröße der Dateiformate um bis zu 80% ohne Verlust an Qualität reduzieren.
Beispiel: Bilder Optimierung

• Schneiden Sie die Bilder mit einem Grafik-Programm auf die gewünschte Größe zurecht. Für manche Bilder ist es sinnvoll die Anzahl der dargestellten Farben (Farbtiefe) zu reduzieren, das spart (je nach Bild) einige KB ein.

Webserver

• Wenn Ihre Website HTTP-Kompression unterstützt, dann können Sie die übertragene Datenmenge zum Browser verringern. HTTP-Kompression spart vor allem bei textuellen Daten (HTML, CSS, Javascript) erhebliche Datenmengen, da sich diese gut komprimieren lassen.

# mod_gzip ist ein optionales Modul für den Apache HTTP Server, Apache v1 und v2
mod_gzip_on Yes

# mod_deflate ist ein optionales Modul für den Apache HTTP Server, Apache v2.
<IfModule mod_deflate.c>
<FilesMatch "\.(html|txt|css|js|php|pl)$">
SetOutputFilter DEFLATE
</FilesMatch>
</IfModule>

• Manche Provider bieten Ihren Kunden die Option: „PHP Boost” an, PHP-Scripte laufen damit bis zu 100% schneller, weil diese im FastCGI-Modus ausgeführt werden.

(Externe) Quellen

• Jede Datei die mit eingebunden wird, bedeutet für den Browser eine weitere Server-Anfrage und beeinflusst die Ladezeit einer Seite enorm.

• Ob Sie ein Video von YouTube einbinden, eine Schriftart die auf einem externen Server liegt, jeder externe Aufruf benötigt mehr Zeit und verzögert somit die Ladezeit Ihrer Website.

• Lassen Sie Videos, Audio-Dateien nicht automatisch starten, dieses ist von Besuchern oft unerwünscht außerdem wird dadurch die Ladezeit erhöht.

Verschlüsselte Seiten

Eine verschlüsselte Seite (über: https://) benötigt eine längere Ladezeit weil erst das Zertifikat der Website überprüft werden muss. Verzichten Sie aber nicht darauf nur um die Seite schneller zu machen, die Sicherheit Ihrer Kunden hat Vorrang.

Tipp

Responsives Design

Ob ein großer Monitor, ein Tablet oder Smartphone verwendet wird, das Design der Seite sollte sich automatisch der Größe des Gerätes anpassen.