molily: Optimierung

Beitrag lesen

Hallo,

Jetzt habe ich was von compiled JS gelesen

Die Yahoo-Performance-Grundregeln gelten grundsätzlich immer noch.

Als eine Folge der Regel »minimiere die Anzahl der HTTP-Requests« sollten JavaScripte wenn möglich in *einer* HTTP-Ressource zusammengefasst werden, anstatt dass viele einzelne Scripte geladen werden. Der JavaScript-Code darin sollte minifiziert werden, und die Ressource sollte (wie alle anderen textbasierten Formate ebenfalls) vom Webserver GZip-komprimiert übertragen werden.

Eine weitere Herangehensweise ist das dynamische Nachladen von Scripten, sobald sie benötigt werden. Das verkürzt die initiale Ladezeit der Seite.

http://www.webpagetest.org/ ist eines der besten Online-Tools, um die Lade-Performance deiner Seite zu messen. Viele Browser haben mittlerweile auch eingebaute Performance-Messtools.

sicher gibt es auch irgendwelche Methoden, die einen  dabei unterstützen unbenötigte Selektoren zu finden, usw.

Das wäre eine Optimierung des CSS. Es gibt einige Tools, die in die Richtung zielen, aber ich halte sie für problematisch. So etwas funktioniert nur mit sehr statischen Sites. Keines dieser Tools kann sämtliche Zustände emulieren, die durch dynamisches Markup, Pseudoklassen wie :hover und :active sowie per JavaScript gesetzte Klassen vorkommen. Daher werden Regeln als überflüssig erkannt, die zur Laufzeit durchaus angewendet werden.

Grüße,
Mathias