CSS optimizacija

[Vladimir Nikolic]

Nanosekunda?
Ne bih se složio.
Evo ja sam smanjio na početnoj stranici kod za 2,5 kb.
To znači otprilike pola sekunde brže učitavanje na dial-up liniji.
To nije za potcenjivanje.
Pogotovo ako se ovako lako može dobiti.

Editovanje isto nije problem:
Izvorni fajl ostavljaš dalje na serveru.
Onda na njemu izmeniš to što želiš, i ako sve radi kako treba,
odeš na stranicu i opet ka kompresuješ.

Naravno da je malo napornije, ali ću ti korisnici biti zahvalni.
I to je valjda cilj našeg angažovanja.

Slažem se sa tobom, da ovo nije zamena za dobro pisan kod.
Ali sigurno interesantan dodatak.

Sa poštovanjem

Nikolić Vladimir

[borstale]

Originalno napisao Vladimir Nikolic

To znači otprilike pola sekunde brže učitavanje na dial-up liniji.
To nije za potcenjivanje.

Meni jeste.

[jasmanac]

Mislis da je to sto si smanjio CSS fajl za 2,5kb razlog brzeg ucitavanja stranice?

Ako nisi znao, eskterni CSS fajl se ne ucitava ceo vec browser preko HTTP protokola salje zahtev serveru sa koga 'cita' one stilove koji su navedeni u stranici. Ako gresim neka me neko ispravi?

Tvoje resenje bi imalo smisla samo ako embedujes CSS u okviru stranice pri cemu se ceo CSS ucitava zajedno sa html stranicom.

[jablan]

Originalno napisao jasmanac

Ako nisi znao, eskterni CSS fajl se ne ucitava ceo vec browser preko HTTP protokola salje zahtev serveru sa koga 'cita' one stilove koji su navedeni u stranici. Ako gresim neka me neko ispravi?

Grešiš. (Ovo je stvarno provala što si napisao...)

Inače, slažem se sa tobom da nije potrebno optimizovati CSS. Pored toga što se učitava samo prvi put, vrlo je verovatno da je HTTP između vas i servera i tih 2.5kb kompresovao (bacite pogled na http://www.serverwatch.com/tutorials...le.php/3514866 npr) na nekih 500 bajtova (CSS je jaaako zahvalan za *zip kompresiju).

[Vladimir Nikolic]

Kompresija CSS-a nema ništa sa verovatnoćom.

To se podešava na serveru, time što se aktivira (n.pr. mod_gzip na Apache serverima).
Ja sam aktivirao HTML i PHP kompresiju, ali CSS nisam.

Razlog je, što neki browseri imaju probleme sa prikazom kompresovanog CSS-a.
Ali i tu opciju imam u skorije da isprobam i po mogućnosti da aktiviram.

Ako želite da znate koliko je velik vaš sajt, i da li je aktiviran Gzip:

Web Site optimization

Sa poštovanjem

Nikolić Vladimir

[jasmanac]

@jablan: Sorry ja nisam programer a i stavio sam znak pitanja na kraju sto znaci da nisam bio siguran da li je to zaista tako

[jablan]

@vladimir: Rekao sam verovatno u smislu da dobar procenat sajtova koristi kompresiju... Naravno da je to do vebmastera da odluči hoće li je koristiti ili ne i za koje tipove fajlova...

@jasmanac: Ma ok, nisam imao ideju da te prozivam nego reko' da deca ne uče pogrešno...

[dinke]

Originalno napisao jablan

Grešiš. (Ovo je stvarno provala što si napisao...)

A kako onda objasnjavas ovo:

82.117.208.66 - - [20/Aug/2006:11:39:20 -0700] "GET /blog/ HTTP/1.1" 200 7475 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.6) Gecko/20060728
 Firefox/1.5.0.6"
82.117.208.66 - - [20/Aug/2006:11:39:21 -0700] "GET /blog/wp-content/themes/fsimple/style.css HTTP/1.1" 304 - "http://www.dinke.net/blog/" "Mozilla/5.0 (Wind
ows; U; Windows NT 5.1; en-US; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6"

apache-ov access.log sa dinke.net (nakon moje posete home page-u).

[MorenoArdohain]

I'm back

Dinke, mislim da je jablan hteo da kaze da se css eksterni fajl ucitava ceo, posto je jasmanac mislio da se ucitava deo po deo tj parcijalno, za svaki element stila u strani..

[bluesman]

Na kraju, ne znam zasto je odluka o optimizaciji pala bas na css koji je defiitivno najmanji element strane. U petak mi jedan prijatelj pokaze home page nekih norveskih dnevnih novina, citavih 1.2 Mb. Prvo sam se zgrozio ali onda sam shvatio da je u stvari 90% tamo koristi bradband pa im i ne pada tesko.

Pored toga, kada pogledamo redosled ucitavanja elemenata, css ce sigurno ici pre renderovanja strane pa tek na kraju fotke, sto jednostavno znaci da ce tih 3 ili 7 kb koje "zauzme" css biti neprimetno. Dakle, bolje je trositi vreme, energiju i sive celije na optimizaciju drugih elemenata nego cinculirati sa nečim što je totalno nepotrebno.

Cela ta situacija mi liči na čoveka koji potroši recimo 10 000 eur da renovira stan a onda se dvoumi da li da kupi zvonce za ulazna vrata od 70 ili 80 dinara.