CSS optimizacija
Za optimizaciju CSS-a preporučujem
ovu stranicu: http://iceyboard.no-ip.org/projects/css_compressor Sa tim na lak način možete da smanjite veličinu CSS-a. Ali oprezno: ako aktivirate sve opcije, rezultat može biti greška u nekim browserima. Zato oprezno podešavanje i eksperimentisanje. Sa poštovanjem Nikolić Vladimir |
Pozdrav, i dobrodosao.
Da koristio sam ove alate sve ga par puta, probacu da pronacem link ka slicnom, koji ni na najvecem stepenu nazovimo je "kompresije" nije pravio greske. Off Topic: :1043: za Limundo, svidja mi se! |
Ovaj CSS-Compressor sam izabrao iz liste.
Bilo je nekoliko, ali se ovaj pokazao kao najbolji. Testirali su različite stranica (među njima i digg.com) i ovaj je imao samo jedanput grešku dok su ostali malo češće grešili. A i kompresija je ovde jača. Za početak sam koristio samo najminimalniju verziju (znači ništa nije štiklirano). Sve radi kako treba, a opet po 1.5KB manji. PS: Hvala na pohvali i dobrodošlici. |
Citat:
|
Već bi ga napisao da ga još imam.
O meni treba dve stvari znati: volim da se informišem što više moguće. Prosto upijam informacije (pamćenje je druga stvar :-) ). A druga stvar: sve što sam pročitao i nema značaj za mena, bacam, prodam ili (kao u ovom slučaju) izbrišem. Ja mislim da sam preko digg-a naleteo na sajt. |
Ukoliko pravilno koristis CSS2 ne vidim neku potrebu za optimizacijom...
|
Uvek ima prostora za optimizaciju.
Na primer: retko ko pise CSS (ili bilo koji durgi kod) do maksimalne uštede prostora. Ovaj program smanuje CSS, među ostalim opcijama, tako što sklanja whitespace. Samo da (basic) opcija dovodi do smanjenja za nekih 5-10 %. A mala stranica je cilj koji treba uvek biti u vidu. Dizajn je bitna stavka, ali ne vredi mnogo ako je sajt preterano velik, tako da dial-up korisnici nemaju želju da čekaju. Pozdrav |
Citat:
CSS optimizacija da ali je pitanje do koje mere? Svaki profesionalni developer tezi ka optimizaciji koda, zato postojie i standardi. Ali nikada necu zagovarati ovakav vid optimizacije. Prvo sto nije nimalo citak. Ajde otvori da editujes jedan ovako optimizirani fajl? Koliko ti je vremena potrebno da pronadjes liniju koda (u ovom slucaju deo koda jer je sve strpano u jednoj liniji) koju zelis editovati? kao sto sam i napomenuo ranije, onaj ko se striktno drzi standarda nema potrebe za optimizacijom, narocito ako je u pitanju CSS. |
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 |
Citat:
|
Ovim štediš tih pola sekunde samo posetiocu koji dolazi po prvi put na sajt, ostalima su eksterni fajlovi kesirani. S Jasmancem sam kod ovoga, jednostavno je pro-con odnos smesan. Da bi malo dobio na brzini (samo za first timere) moram da žrtvujem organizaciju svog CSS fajla -- nema 'leba.
|
Citat:
|
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. |
Citat:
Mislim onda bi se isto mogli reći: na početnoj imam sliku od 300KB. Nije problem, čim ga korisnik učita on mu ostaje u cache-u. I onda može da uživa u brzoj stranici. Znam malo sam preterao, nije isto 300KB i 2,5KB, ali ako se teži ka prefekciji onda se pridržavam japanskog Kaizena. Nijedna promena nije suviše mala. Uspeh leži u tim malim promenama. Sa poštovanjem Nikolić Vladimir |
Ja sam takođe pristalice ne-optimizovanja, ti fajlovi su ionako mali da je takav korak potpuno nepotreban. Ako je već do optimizacije, bolje je optimizovati jedan JPG, tu može da se uštedi na veličini više nego bilo kakvom optimizacijom css fajlova. Šta se dešava kada želite da promenite nešto u CSS? Morate da imate dve verzije: čitljiva i nečitljiva... previše cimanja za nikavo "dobro".
|
Citat:
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). |
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 |
@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 ;)
|
@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... ;) |
Slažem se sa bluesmanom. Glupo bi bilo strpati PNG24 od 50kb i praviti problem oko 2.5kb ekstra CSSa. Ili recimo, gurati CSS priču, a koristiti tag soap gde se ne zna ko pije, a ko plaća od TR i TD tagova.
CSS se kešira, tekst baziran format pa se fino kompresuje što Jablan reče, a svuiše često je potrebno da se odradi quick and dirty fix tako da je uglavnom i više nego poželjno ostaviti ga u originalnom, neoptimizovanom obliku. Stvari se menjaju kod fajlova koji su veći od 50kb. Kod CSSa je to retko slučaj, ali se zato često znaju sresti glomazni JS fajlovi (po par stotina KB u nekim slučajevima!) Tada kompresija već znači nešto više. |
Citat:
Kôd:
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 |
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.. |
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. |
@Moreno: Tako je. Načelno, ta ideja sa parcijalnim povlačenjem CSS-a je teoretski moguća, ali bi bila jaaako zeznuta za izvesti (veb server bi morao parsirati (obično generisani) HTML da bi video šta ovaj traži od klasa itd itd), a u tom slučaju bismo se mogli oprostiti od keširanja CSS-a u brauzeru, pa bi bila veća dara nego mera...
|
Off Topic: Citat:
|
Sačuvaj me Bože kuge i CSS nafuranata...
|
Vreme je GMT +2. Trenutno vreme je 03:27. |
Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.