Website schneller machen

Es gibt eine ganze Reihe von Optimierungsmöglichkeiten, um die Anzeige der Website im Browser des Besuchers zu beschleunigen.

Schwieriger umzusetzen sind z. B.:

  • GZIP Komprimierung serverseitig einschalten
    • dazu benötigt man Zugriff auf die Serverkonfiguration
    • ggf. muss ein Servermodul aktiviert werden
  • Verteilung der Ressourcen auf mehrere (Sub)-Domains
    • hierdurch können mehrere Verbindungen gelichzeitig genutzt werden
  • Javaskript Dateien zusammenfassen
  • CSS Dateien zusammenfassen
  • unbenötigten Code entfernen

Sehr leicht lassen sich aber die folgenden Tipps realisieren:

  • CSS Dateien im HTML so weit wie möglich oben verlinken
    • hierdurch positioniert der Browser Elemente direkt an der richtigen Stelle, das spart Zeit
  • Javascript Dateien und (Skript-) Code im HTML soweit wie möglichen unten verlinken / einfügen
    • hierdurch lädt der Browser zunächst die zur Anzeige erforderlichen Elemente und wird nicht durch das Laden größerer Skripte blockiert

Um einen Eindruck davon zu erhalten, was die Website „so langsam“ macht, lassen sich im Firefox die Tools Yslow von Yahoo und google Pagespeed einsetzen, mehr lesen .

Und wieder mal Firebug

Firebug lässt sich dazu verwenden, nicht zum Zuge kommende CSS Anweisungen zu finden. Dafür (nach Installation von Firebug) einfach einen Rechtsklick auf ein Element der Website durchführen und „Element untersuchen“ auswählen. Firebug zeigt dann rechts im Fenster unter „Styles“ CSS Anweisungen die nicht berücksichtigt werden durchgestrichen an. Diese könnte man aus seiner CSS Definition entfernen.

Valider HTML Code

Auf jeden Fall sollten HTML Fehler vermieden werden. Erster Einstiegspunkt: Fehler finden.

Browser rendern die „Website“ trotz HTML Fehlern und das benötigt Zeit. Je mehr Fehler, um so aufwändiger wird für den Browser das Rendern und umso langsamer wird die Seite aufgebaut. Nimmt man z.B. den Firefox und schaut sich den Quelltext an, sieht dieser häufig anders aus als im Original. Elemente werden je nachdem entfernt oder modifiziert.

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)