js ladezeiten

[fakerer]

Hallo,
ich habe im Moment meine js meinst jeweils bei den views also html masken.
Bin am überlegen ob ich alle in eine Datei schreiben soll.

Denke wegen den Ladezeiten nach. Denn wenn ich alles in eine Datei schreibe wird alles zu beginn geladen und ist dann immer gleich verfügbar (denk ich mal).
Oder spart das so wenig ladezeit das es einfach eine reine geschmackssache ist.

 

[Duddle]

AW: js ladezeiten

ich habe im Moment meine js meinst jeweils bei den views also html masken

Das bedeutet was genau?


Für jede Datei wird ein HTTP Request generiert. Offensichtlich kann man sich eine große Anzahl davon sparen, wenn eine große Datei alles notwendige enthält (siehe z.B. CSS-Sprites). Falls sich diese große Datei aber bei jeder Anfrage ändert (dynamische Seiten o.ä.), dann wird jedes Mal alles übertragen.

Deshalb ist die Ideallösung (meiner Meinung nach) immer, die statischen von den dynamischen Teilen zu trennen und dabei die statischen so weit wie möglich zusammenzufassen. Letzteres bringt dir dann mehr Cache-Hits und ermöglicht mglw. zusätzlich bessere Kompressionsraten (falls sowas benutzt wird).

Lange Rede, kurzer Sinn: ja, fasse die JS-Teile ausgelagert zusammen (ohne sie gleichzeitig wartungs-unhandlich zu machen).


Duddle

 

[flidings]

AW: js ladezeiten

Wenn dich die Ladezeiten im Detail interessieren, so kannst du für den Firefox das Add-On "Firebug" installieren. Hier kannst du ganz genau nachvollziehen was bei deinem Seitenaufbau welche Zeit beansprucht hat. Und anhand dieser Informationen dürfte es für dich eine Leichtigkeit sein das zu Optimieren. In dem Fall musst du halt ein bischen rumexperimentieren was weniger Zeit in Anspruch nimmt.

 

[fakerer]

AW: js ladezeiten

@duddle
Ich habe eine Layout Datei der ich jquery css globale js und so weiter lade. Und dann gibt es eben noch dynamische Unterseiten mit Unterschiedlichen JS und da bin ich halt am überlegen ob ich Zeit spare wenn ich die alle zu beginn lade.


Habe Firebug noch nie zur Zeitmesseung benutzt aber ich habe schon gesehe das es da einiges an Daten gibt. Vielen dank für den Hinweis.
Habe dazu auch noch Lori gefunden dort wird einfach angezeit wie lange der Seitenaufbau gedauert hat, wie viel geladen wurde und wie viele aufruf es gab.

 

[flidings]

AW: js ladezeiten

Unter wenn du den Karteireiter Netzwerk aktivierst kannst du dir genau anzeigen lassen wann welche Datei (Grafik, js, html, css, flash usw) wie lange zum laden gebraucht hat.

Unter Konsole -> Zeitmessung kannst du dir sogar Anzeigen wieviel Zeit die Verarbeitung deiner einzelnen JS funktionen benötigt.