Wie beeinflusst CSS die Performance einer Seite?

[rw1981]

Hallo zusammen,

es wäre nett wenn Ihr mir hierzu helfen könntet:

Mir ist schon oft aufgefallen, dass bei einigen Seiten trotz schnellem Internetzugang beim Aufrufen einer Website zunächst reines HTML angezeigt wird und die CSS-Regeln erst eine Sekunde später geladen und angewendet werden.

Eine Sekunde klingt zwar nicht viel, doch ist es beim durchklicken einer Seite ziemlich nervig...

In diesem Zusammenhang habe ich drei Fragen:

-Welche Größe darf eine CSS-Datei maximal haben, um die Performance nicht negativ zu beeinflussen?
- Arbeitet Ihr mit mehreren CSS-Dateien für ein Projekt, um diese klein zu halten?
- Hat eine per @import eingebundene CSS-Datei negativen Einfluss auf die Performance? Beispiel:

<style type="text/css" media="screen">@import url(css.css);</style>

Ich danke euch jetzt schon für Eure Hilfe!

Viele Grüße
Rene

 

[sokie]

AW: Wie beeinflusst CSS die Performance einer Seite?

Eine Sekunde klingt zwar nicht viel, doch ist es beim durchklicken einer Seite ziemlich nervig...

"Beim Durchklicken" - ist der Effekt eigentlich untypisch, denn normalerweise wird die geladene css datei ja gecached, sodass das Laden nur beim ersten Aufruf der Seite sichtbar ausfallen dürfte.
Ob es allerdings Unterschiede macht ob die Datei per <link src=... oder per import kann ich nicht sagen, erfahrungsgemäss wird in Website zumeisst die erstere Methode gewählt.
Es kann sicher unterschiede machen, ob das stylesheet ziemlich weit 'oben' in der Seite geladen wird - dh. eben vor weiteren scripts etc.
vielleicht solltest du in deiner Seite einfach mal diese Möglichkeiten durchspielen, und die Cache-Einstellungen deines Browsers kontrollieren, bzw auch in unterschiedlichen Browsern testen.

ps: Eigentlich hat nur der IE die Eigenschaft, diesen "ungestylten Moment" zu erzeugen, wenn kein stylesheet per <link /> eingebunden ist - ausserdem unterstützt der IE wohl nicht/nicht durchgängig den Medientyp bei "per import" eingebundenen stylesheets.

 

[tr4ze]

AW: Wie beeinflusst CSS die Performance einer Seite?

Wenn du es genau wissen willst, kannst du es ja mit Firebugs Konsole messen.

 

[Anselmus]

AW: Wie beeinflusst CSS die Performance einer Seite?

Evtl. liegt es bei manchen Seiten auch am CMS, dass dahinterhängt. Das kann man ziemlich schnell falsch Konfigurieren (oder den Webserver dahinter), so dass die Seite lahm daherkommen.