Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

CSS - best practice

[es] :: .NET :: ASP.NET :: CSS - best practice

[ Pregleda: 2618 | Odgovora: 13 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

vujkev
Beograd

Član broj: 8072
Poruke: 1337
212.200.243.*



+103 Profil

icon CSS - best practice13.09.2010. u 11:37 - pre 134 meseci
Ukoliko na sajtu imam npr 10 usercontrol-a da li za svaku da pravim poseban CSS fajl ili da sve stilove stavljam u jedan "master" CSS. Šta je najbolje?
Naučio sam...
Da je važnije biti ljubazan nego biti u pravu
 
Odgovor na temu

cteba
ns

Član broj: 52625
Poruke: 69
*.adsl-2.sezampro.yu.



+1 Profil

icon Re: CSS - best practice13.09.2010. u 13:21 - pre 134 meseci
Stavi sve u jedan fajl.
 
Odgovor na temu

Boris B.
Ljubljana

Član broj: 213615
Poruke: 286
*.zaslon-telecom.si.



+14 Profil

icon Re: CSS - best practice13.09.2010. u 13:30 - pre 134 meseci
Citat:
vujkev: ... Šta je najbolje?

Citat:
cteba: Stavi sve u jedan fajl.

Zasto je to najbolje?
if it walks like a duck and quacks like a duck, it could be a dragon doing a duck
impersonation.
 
Odgovor na temu

galahad
Slobodan Todorov
Radio-televizija Vojvodine,
Jack-Of-All-IT-Trades, Web redakcija
Novi Sad

Član broj: 20613
Poruke: 146
*.dynamic.sbb.rs.

Jabber: galahad@elitesecurity.org
ICQ: 52020296
Sajt: www.todorowww.net


+4 Profil

icon Re: CSS - best practice13.09.2010. u 13:32 - pre 134 meseci
Citat:
Boris B.: Zasto je to najbolje?

Zato što ona browser ne mora npr. da otvara deset konekcija, da bi uzeo deset CSS fajlova, već samo jednu, da uzme jedan fajl.
- SKRati link - JaZaKraljevo.rs -

"I have never let my schooling interfere with my education." - Mark Twain
 
Odgovor na temu

Boris B.
Ljubljana

Član broj: 213615
Poruke: 286
*.zaslon-telecom.si.



+14 Profil

icon Re: CSS - best practice13.09.2010. u 13:57 - pre 134 meseci
To je veoma diskutabilno i IMHO svako ima licnu preferencu.

Kao prvo konkretna *konekcija* se uspostavlja jednom, ostalo su samo razliciti HTTP requesti u istoj konekciji, sve dok se komplenta strana ne ucita ili AJAX je ne odrzi otvorenom (to je uveo HTTP/1.1).

Kao drugo, ako je tvoj WebServer takav da preuzimanje vise CSS fajlova ugrozava stabilnost ili brzinu servera onda to nije dobar server, treba bolji da ne bi puklo na goru stranu - sta ako HTML stranica sadrzi 10 slika vise i opet smo na istom. Na stranu to sto se CSS fajlovi kesiraju i svaki sledeci put se na osnovu headera utvrdjuje da li zaista treba ponovno preuzimanje ili koriscenje kesa. Cak i broj requestova moze da se smanji sa codebehind css-om koji na zahtev za npr. master.css zdruzi sve CSS-ove u jedan master.css.

Sa druge strane koriscenje zasebnih CSS-ova za usercontrole je po meni veoma smisleno ako ces te iste userkontrole koristiti kao parts-e u ostalim projektima, jer ja to gledam iz perspektive nekoga ko treba to da odrzava i par godina posle primopredaje projekta.
if it walks like a duck and quacks like a duck, it could be a dragon doing a duck
impersonation.
 
Odgovor na temu

virtualVoid

Član broj: 161084
Poruke: 698



+28 Profil

icon Re: CSS - best practice13.09.2010. u 15:08 - pre 134 meseci
Ja sam do sada vidjao odvojene CSS fajlove samo kada se sajt razvija za vise uredjaja, pa onda naprave poseban mob css, poseban tablet css, itd.

Ako te bas brine velicina CSS fajla, onda pogledaj kolika je finalna velicina pa shodno tome razbij CSS fajl u vise logickih fajlova. Nesto mi nema logike da ih razbijas po kontrolama. Radije prema funkcionalnosti.
...
 
Odgovor na temu

vujkev
Beograd

Član broj: 8072
Poruke: 1337
*.telekom.rs.



+103 Profil

icon Re: CSS - best practice13.09.2010. u 15:16 - pre 134 meseci
Ne brine mene ništa, nego me samo zanima šta se pokazalo kao najbolje rešenje
Naučio sam...
Da je važnije biti ljubazan nego biti u pravu
 
Odgovor na temu

virtualVoid

Član broj: 161084
Poruke: 698



+28 Profil

icon Re: CSS - best practice13.09.2010. u 16:47 - pre 134 meseci
Najbolje rjesenje je logicka optimizacija.
...
 
Odgovor na temu

cteba
ns

Član broj: 52625
Poruke: 69
*.adsl-2.sezampro.yu.



+1 Profil

icon Re: CSS - best practice14.09.2010. u 07:53 - pre 134 meseci
Postoji ogranicenje po broju paralelnih konekcija ka nekom domenu. Preporuka HTTP 1.1 specifikacije je 2 konekcije mada noviji brovseri idu i na 4 i 6.

Zbog toga ako imas puno fajlova moze se desiti da se stranica dugo ucitava, sto odbija korisnika.

Zato je preporuka da se css stavi u jedan fajl.

Isto se radi sa manjim grafickim elementima koji se spakuju u jedan sprite.



[Ovu poruku je menjao cteba dana 14.09.2010. u 09:07 GMT+1]
 
Odgovor na temu

Shadowed
Vojvodina

Član broj: 649
Poruke: 12793



+4735 Profil

icon Re: CSS - best practice14.09.2010. u 08:06 - pre 134 meseci
Ne mora to obavezno biti tako.
Ukoliko imas veliki css fajl ali na pojedinim stranama koristis samo pojedine, manje delove onda je bolje razdvojiti.
U svakom slucaju, opste resenje je:

Citat:
virtualVoid: Najbolje rjesenje je logicka optimizacija.


Razmislis o konkretnom slucaju i uradis kako je u tom slucaju najbolje.
 
Odgovor na temu

vujkev
Beograd

Član broj: 8072
Poruke: 1337
212.200.243.*



+103 Profil

icon Re: CSS - best practice14.09.2010. u 08:36 - pre 134 meseci
A sad još jedno pitanje... šta je po vama veliki CSS?
Naučio sam...
Da je važnije biti ljubazan nego biti u pravu
 
Odgovor na temu

branimir.ts
Beograd

Član broj: 56661
Poruke: 127
*.adsl-4.sezampro.yu.

Sajt: www.geocities.com/brankob..


Profil

icon Re: CSS - best practice17.09.2010. u 22:01 - pre 134 meseci
@vujkev Lepo ti je rekao Shadowed logicka optimizacija

@cteba
Citat:
Postoji ogranicenje po broju paralelnih konekcija ka nekom domenu. Preporuka HTTP 1.1 specifikacije je 2 konekcije mada noviji brovseri idu i na 4 i 6.
Ne znam o cemu govoris ali nebitno, slazem se da user expirience ne sme da trpi zbog slowly loading portala

Uvek je bolje da se naprave posebni fileovi za CSS i da se nazovu po nekoj konvenciji, optimizacija je nesto sto ide na kraju i obicno se napravi CGI ili za IIS HTTP module koji ce sve contente tipa .css .js etc komprimovati i poslati stream nazad do klijenta (pogledati System.Web.Compression - postoji jos od verzije 2.0)
 
Odgovor na temu

toxi_programer
Nemanja Todić
Beograd

Član broj: 104396
Poruke: 464
*.adsl-a-1.sezampro.yu.

Sajt: www.articles411.com


+8 Profil

icon Re: CSS - best practice18.09.2010. u 20:15 - pre 134 meseci
Citat:
vujkev: A sad još jedno pitanje... šta je po vama veliki CSS?

Hah pa to je kao da cure pitaš šta je po vama veliki... css?
Drugim rečima - zavisi od slučaja do situacije. Ako praviš sajt kao što je youtube.com tu posetioci imaju visok kvalitet konekcije( bar očekivao da je ovo slučaj) onda css fajl od 3,4 hiljade redova nije veliki. Isti fajl za "srpski sajt" bi bio preveliki, gde se da predpostaviti da određeni korisnici imaju dial up, koji bi samo css fajl učitavao par sekundi.

U drugom slučaju bolje je podeliti css. Dakle, gledaj da to izračunaš kroz brzinu kojom korisnik učitava stranu.
 
Odgovor na temu

branimir.ts
Beograd

Član broj: 56661
Poruke: 127
*.adsl-1.sezampro.yu.

Sajt: www.geocities.com/brankob..


Profil

icon Re: CSS - best practice18.09.2010. u 21:40 - pre 134 meseci
@vujkev
Umesto da razmisljas o velicini css file-a, potrudi se da upoznas namespace koji sam ti naveo dole (ako ne hostujes aplikaciju na IIS7), da otkrijes alate za white-space removal i da naravis ili nabavis modul (ISAPI filter) css,js combiner - koji ce sav content spakovati u jedan file (u runtime-u) gzipvati i vratiti nazad do klijenta.

Ovo je samo jedan od koraka u procesu optimizacije.
 
Odgovor na temu

[es] :: .NET :: ASP.NET :: CSS - best practice

[ Pregleda: 2618 | Odgovora: 13 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.