Alle Downloads einer Seite auflisten (z.B. css/js)

[Nicolai1234]

Hallo,

ich wende mich diesmal mit einer Frage rund ums Thema Webprogrammierung an euch. Ich bin auf der Suche nach einem Tool, welches mir alle Dateien auflistet, die mit einer Website mitgeladen werden. Konkret geht es mir dabei um css- und javascript-Dateien.

Das Problem ist folgendes: Als Grundlage für einen webshop diente ein gekauftes Paket, welches ich jetzt nach belieben modifizieren kann. Leider ist der Seitenaufbau sehr zäh und dauert für meinen Geschmack zu lange. Einige Optimierungen konnte ich auch schon vornehmen - so war eine css-Datei rund 167KB groß und wurde bei jedem Seitenaufbau dynamisch erstellt, sodass der Browser nichts cachen kann. Diesen konkreten Fall konnte ich bereits abwenden und die css-Datei ist nun statisch und nur noch halb so groß.

Um allen Dateien auf die Schliche zu kommen, wäre so ein oben genanntes Tool sehr praktisch. FireFox zeigt mir unter Seiteninformation z.B. an, welche Grafiken für die Seite geladen wurden und wie groß diese sind. Leider bekomm ich dort keine Informationen über css oder js..

Könnt ihr mir da weiterhelfen oder habt Tipps für mich?

Vielen Dank im Voraus,
Nicolai

[himitsu]

Schau dir mal die AddOns "Web Developer" und "Firebug" an.

[dominikkv]

Firebug ist in diesem Gebiet die Eierlegende Wollmilchsau. Kombiniert mit YSlow unschlagbar. Damit kannst du schauen, wie lange jede einzelne Datei geladen hat (und wann sie angefangen hat zu laden!).

[Nicolai1234]

Wow, vielen Dank.. FireBug kannte ich schon, aber mit YSlow in Verbindung ist das echt unschlagbar.. Konnte meine Seite so umbauen, dass mehr gecached werden kann und die Anzahl der nötigen Requests deutlich runtergegangen ist.

Vielen, vielen Dank!