webForumDet fria alternativet

Brukar ni ha en stor eller flera mindre .css-filer?

HTML & CSS

10 svar · 849 visningar · startad av xtreme

Medlem sedan juli 20002 056 inlägg
Frågan#1

Har funderat vilket som är bäst av att ha en stor .css där allt är samlat och kommentera vad som är vad eller flera olika ex en för sidans huvudlayout och andra för andra funktioner på sidan som kontaktformulär etc. Har ni samlat allt i en stor eller flera grupper?

Medlem sedan dec. 2004736 inlägg
#2

Trots att i princip alla har bra uppkoppling och därmed inte behöver sitta och vänta så länge på att en sida skall laddas brukar jag försöka ha det samlat så att du inte behöver ladda hem CSS som inte behövs. Därför får säg gästboken en egen CSS-fil, som bara inkluderas när gästboken visas, eftersom det inte finns något intresse av att veta vilken färg gästboken har när du kollar startsidan.

Medlem sedan maj 20007 492 inlägg
#3

Ledel skrev:

Trots att i princip alla har bra uppkoppling och därmed inte behöver sitta och vänta så länge på att en sida skall laddas brukar jag försöka ha det samlat så att du inte behöver ladda hem CSS som inte behövs. Därför får säg gästboken en egen CSS-fil, som bara inkluderas när gästboken visas, eftersom det inte finns något intresse av att veta vilken färg gästboken har när du kollar startsidan.

Har du räknat ut vad den requesten extra till servern kostar användaren jämfört med att få en och samma cachad css-fil för alla sidor?

Medlem sedan dec. 2004736 inlägg
#4

Okkido skrev:

Har du räknat ut vad den requesten extra till servern kostar användaren jämfört med att få en och samma cachad css-fil för alla sidor?

Nej, det har jag verkligen inte. Det är mest något jag har fastnat i och därför fortsatt med. Så om det är bra eller dåligt har jag ingen aning om, jag sa bara hur jag gjorde.

Medlem sedan nov. 20014 054 inlägg
#5

Kör på en css-fil för hela siten (en som är anpassad för IE6 och en för de övriga webbläsarna)

Medlem sedan dec. 20042 245 inlägg
#6

En stor. Blir den väldigt stor kanske jag använder gzip.

En CSS-fil blir ändå inte större än en normal bild och den cachas. Generellt gäller det att färre HTTP requests ger bättre prestanda.

Sen får man väl ha i åtanke vad som ger minst underhållskostnader -- om det är lättare att underhålla flera små stilmallar än en stor kan det vara värt att göra så ändå. (Personligen föredrar jag att ha allt i samma stilmall.)

Och vill man både ha kakan och äta den så finns det skript som kombinerar (och gzippar) stilmallar.

Medlem sedan juni 20006 031 inlägg
#7

En stor.

Är vansinnig på ett projekt på jobbet som jag har tagit över. Ett tjugotal css filer och lika många xsl filer.
Ett helvete att hitta rätt fil då dom inte är logiskt döpta heller. x(

Medlem sedan nov. 20014 054 inlägg
#8

Pedda skrev:

En stor.

Är vansinnig på ett projekt på jobbet som jag har tagit över. Ett tjugotal css filer och lika många xsl filer.
Ett helvete att hitta rätt fil då dom inte är logiskt döpta heller. x(

know tha feeling... x(

Medlem sedan juni 20006 031 inlägg
#9

ROFLOL.

Skönt att man inte är ensam. :e

Medlem sedan feb. 2007278 inlägg
#10

Ur hastighetssynpunkt är det värre med flera HTTP-anrop än större överföringsmängd. (YSlow är ett bra verktyg för hastighetstester.) Alltså: En stor och kanske en för IE är oftast att föredra före flera små.

Jag har sett att somliga kända namn har 3-5 stycken, typ:

1. reset.css
2. typography.css
3. wireframe_and_colors.css
4. forms.css
5. misc.css

Detta kan också avspegla arbetsfördelningen i större team!

En gigantisk CSS-fil med dålig struktur kan vara lika jobbig att ha som flera små. Enligt min erfarenhet.

Medlem sedan maj 20007 492 inlägg
#11

wireframe_and_colors.css har jag aldrig sett någon ha. Exempel? Däremot structure.css och en color.css

Annars kan man ju ha det uppdelat som man vill på en test server och på live servern konkatenerar du css:en. Som icaaq säger: http://www.icaaq.com/2008/05/19/chasing-requests/

283 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
141 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
144 ms — ändringar (db)