Sind mehrere CSS-Dateien sinnvoll?

[Cujo]

Hallo,

ich wollte mal fragen, wieviele CSS-Dateien ihr benutzt? Habt ihr nur eine globale, die ihr für die Hauptseite und alle Unterseiten benutzt oder habt ihr für jede Unterseite eine extra CSS-Datei?

Ich habe z. B. auf meiner Kreuzworträtsel-Unterseite Definitionen, die ich nur für die Kreuzworträtsel brauche. Wäre es dann sinnvoll, nur dafür eine extra CSS-Datei anzulegen? Oder wäre es sogar sinnvoller, die CSS-Definitionen in den Head zu schreiben?

Würde mich mal interessieren, was ihr darüber denkt.

Gruß,

Cujo

[lig_80]

jein…

Übersichtlicher ist es mitunter, allerdings bremst es über die zusätzlichen HTTP-Requests ggf. die Seite aus. Muss man im Einzelfall entscheiden.

[powergold]

Wie Lig schon sagte sollte man dies im Einzelfall testen. Da es hier bei kleineren Seiten, die nicht viel CSS haben nicht auszahlt. Bei großen Seiten mit viel CSS kann es die Ladezeit verkürzen wenn eine CSS nur auf einer bestimmten Seite geladen wird.

Lg Stefan

[Cujo]

Der Hintergrund meiner Frage war, dass ich Google Page Speed ausprobiert habe, das einem ja Tipps zur Geschwindigkeits-Optimierung einer Seite gibt. Und da wurde halt moniert, dass ich Definitionen in meiner CSS-Datei drin habe, die nicht benötigt werden. Und das liegt halt daran, dass ich eine globale CSS-Datei verwende, in der ich auch Definitionen drin habe, die nur auf 5 Seiten gebraucht werden und auf den restlichen 600 Seiten nicht.

Wie kann ich denn am besten testen, ob mehrere CSS-Dateien sinnvoll sind und ob sich die Arbeit überhaupt lohnt? Nicht, dass ich jetzt mehrere Stunden Arbeit reinstecke und habe am Ende nur eine Verbesserung im Millisekunden-Bereich, die man gar nicht wahrnimmt.

[lig_80]

Der Geschwindigkeitsvorteil würde durch die höhere Anzahl an HTTP-Req ganz schnell aufgefressen.

Solche Tests sind in der Regel recht dumm, und können nur Anhaltspunkte geben. Je nachdem wie umfangreich dein CSS ist könnte eine Optimierung Sinn machen, halte ich bei deiner Seite aber für eher unwahrscheinlich.

[Wishu]

Zu beachten ist, dass die größere Datei heutzutage weniger ausmacht als mehrere Anfragen. Die Geschwindigkeiten der Leitungen sind heutzutage schon dermaßen hoch, dass man sich bei ein paar KB die von Anfang an mehr geladen werden müssen keine Gedanken machen braucht.

Da die CSS-Datei im Cache bleibt entfallen die Ladezeiten auch bei erneutem Aufruf. Sieht man daran, wenn man die CSS-Datei ändert und die Seite lediglich neu aufruft, aber nicht aktualisiert. Die Änderungen werden nicht vorgenommen, da sich die CSS-Datei noch im Cache befindet.

Wenn man mehrere Dateien hat, sind diese zwar auch im Cache, doch die Anfragen an den Server verringern sich nicht.

Ich persönlich verwende immer nur eine CSS-Datei. Natürlich auch noch eine zusätzliche für Print, doch das ist auch wieder ein anderes Thema.

Gruß
Wishu