Vor ca. 2 Monaten gab es auf diesem Blog schon einmal einen Artikel über JavaScript & CSS Performance und die dort vorgestellte Methode habe ich inzwischen noch etwas verfeinert, um noch mehr Performance herauszukitzeln. Wer den Artikel noch nicht gelesen hat, dem empfehle ich das nachzuholen, denn wir bauen auf dem Ergebnis weiter auf.
In Moment funktioniert es ja so, dass unser PHP-Skript die einzelnen JavaScript bzw. CSS-Dateien sammelt und zusammen ausgibt. Noch besser wäre es aber natürlich, wenn das Skript die Dateien nicht bei jedem Aufruf neu sammeln muss und dazu gibt es natürlich nur eine Lösung: Caching.
» Weiterlesen
JavaScript & CSS Performance
In den letzten Jahren zeichnet sich ein Trend bei JavaScript ab: Die Bibliotheken und Frameworks werden immer umfangreicher und bestehen aus immer mehr verschiedenen Dateien. Darunter leidet die Performance enorm, denn für jede angefragte JS oder CSS-Datei muss ein neuer HTTP-Request gestartet werden. Einige Webanwendungen, die zum großen Teil aus JS bestehen bekommen da allerdings irgendwann richtige Probleme, wenn 400Kb JS-Code bei jedem Aufruf geladen werden müssen. Aber wie kann man diesem Problem entgegenwirken? Die erste Möglichkeit wäre, alle JS-Dateien zu einer zusammenzufassen, aber das macht die Wartung des Codes unerträglich. Ich möchte deshalb auf eine neue Möglichkeit eingehen, die der Performance einen deutlichen Schub verpassen wird. Bemerkbar macht sich das aber wirklich nur bei größeren JS-Anwendungen ab 100Kb aufwärts.
» Weiterlesen