Wie lang bzw. groß darf eine CSS Datei sein?

Steakfred · #1 (**permalink**) 30.05.2006, 19:05

Hallo!

Was meint ihr denn, wie lang bzw. groß eine CSS Datei sein darf?
Meine ist bis jetzt gute 160 Zeilen lang und 10KB groß und da ist nur der eigentliche Rahmen der Seite und das Menü drin, jetzt gehts erst an den Inhalt.

Ist es geschickt für jede Seite eine eigene, zusätzliche CSS Datei einzubinden?
So würde immer nur das nötigste durchlaufen.

duessu · #2 (**permalink**) 30.05.2006, 19:17

Salü
Ich habe immer mehrere CSS-Dateien. Welche in meiner Haupt-CSS-Datei per import includiere.

Also was du etwas nur auf einer Bestimmten Seite brauchst, ist es passender wenn du dies nur dort includest. Jedoch das allgemeine layout, oder alles sonstige allgemeine würde ich immer include (immer die selben css-files).

Hoffe ich konnte dir helfen

FTOTHEO · #3 (**permalink**) 30.05.2006, 19:20

160 Zeilen und 10kb groß? Also ich hab mir mal eine von mir angeguckt ... 250 Zeilen und 3,25kb groß!

Aber meiner Meinung nach kann eine CSS Datei ruhig 100kb groß sein ...

heiko_rs · #4 (**permalink**) 30.05.2006, 19:34

Zitat:

Zitat von tayke

10KB groß und da ist nur der eigentliche Rahmen der Seite und das Menü drin

Das scheint viel, hast Du mal einen Link auf die Datei, oder kannst mal einen Teil davon posten? Dann kann man sehen, ob Deine Regeln möglicherweise unnötig lang sind und sich noch verkürzen lassen.

Beispielsweise lassen sich Eigenschaften wie border und background sehr lang oder auch sehr kurz definieren (bei gleicher Bedeutung). Auf diese Weise kann sich die Größe einer CSS-Datei in Extremfällen locker verdoppeln bzw. halbieren.

Schöne Grüße,
Heiko

Steakfred · #5 (**permalink**) 30.05.2006, 20:20

Ähm... ich hab total vergessen, dass ich hinter jeder Zeile noch einen Satz als Kommentar habe...

Die Kommentare kommen natürlich alle weg, wenn die Sache mal an den Start geht.

Aber abgesehen davon, wie groß und lang ist denn eure CSS Datei?

derHund · #6 (**permalink**) 30.05.2006, 20:26

Zitat:

Aber meiner Meinung nach kann eine CSS Datei ruhig 100kb groß sein ...

100kb sind schon ein wenig viel - um nicht zu sagen sehr viel - extrem viel - viel zu viel - meiner Meinung nach - selbst mit \r\n und Comments.

Steakfred · #7 (**permalink**) 30.05.2006, 23:12

Was die Zusammenfassung angeht... wie lassen sich denn die drei Hintergrundzeilen richtig zusammenfassen?

Code:

background-color: #F00;                                             
background-image: url(...);          
background-repeat: no-repeat;

Lässt sich das auch zusammenfassen?

Code:

padding-left: 10px;                                                  
padding-right: 10px;

Gibt weitere typische Beispiele, die sich zusammen fassen lassen?
Vielleicht auch eine Liste mit Beispielen im Netz?

heiko_rs · #8 (**permalink**) 30.05.2006, 23:35

Zitat:

Zitat von tayke

Was die Zusammenfassung angeht... wie lassen sich denn die drei Hintergrundzeilen richtig zusammenfassen?

Code:

background-color: #F00;                                             
background-image: url(...);          
background-repeat: no-repeat;

Code:

padding-left: 10px;                                                  
padding-right: 10px;

Das hatte ich mir gedacht, das war genau das, was ich meinte

Code:

background: #f00 url(...) no-repeat;

Auch padding läßt sich stark verkürzen, wenn Du oben und unten auch definierst. Sind oben und unten 0, lautet es so:

Code:

padding: 0 10px;

Die Dateigröße der beiden verkürzten Regeln beträgt nur noch ca. 25% Deiner ungekürzten Regeln. Auf diese Weise läßt sich wie gesagt extrem viel einsparen. Leider weiß ich spontan keine Seite, auf der gezielt Tipps zur Verkürzung gegeben werden.

Schöne Grüße,
Heiko

Boris · #9 (**permalink**) 30.05.2006, 23:40

Als Tip empfehle ich dir mal das hier:
http://cdburnerxp.se/cssparse/css_optimiser.php?lang=de

Dieser Optimierer kann auch CSS Angaben automatisch in die Kurzform umschreiben und noch viel mehr.

Gumbo · #10 (**permalink**) 31.05.2006, 10:56

Erst gerstern habe ich dazu einen interessanten Artikel über die Möglichkeiten der Reduzierung der HTTP-Anfragen gelesen.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
HTML Code in CSS Datei	crane	CSS	3	03.01.2017 14:42
CSS Clearfix / CSS Reset / CSS Hacks 2016	Elma	CSS	7	14.08.2016 02:12
IE 6 erkennt seine CSS Datei nicht	Perelina	(X)HTML	4	07.08.2009 18:56
CSS Tips & Tricks	Webnauts	Ressourcen	0	25.08.2006 23:04
Externe CSS Datei für Handy+PDA	heinz	CSS	0	27.05.2004 03:00