ProgramováníPočítačInternetBlog

CSS komprese

Komprimátor a optimalizátor CSS souborů

Rychlost načítání stránky lze částečně zvýšit pomocí komprimovaného CSS souboru. Obvykle je CSS při přenosu komprimované metodou GZip, ale lze ho ještě více zkomprimovat pomocí různých komprimátorů, jako je třeba můj.

Jak funguje?

  1. Odstraní whitespaces a komentáře
  2. sjednotí stejné bloky
  3. smaže duplicitní definice
  4. sjednotí padding a margin definice
  5. optimalizace barev do šestnáctkového zápisu
  6. Nevypíše prázdné bloky
  7. u nulových hodnot smaže jednotku
  8. smaže přebytečné středníky

Ukázka

Původní kód
/* CSS Document */
html
{
	color:rgba(255,255,255,1);
	background-color: rgba(0,0,255,0);
}
body
{
	padding: 1px 2px 3px 4px;
}
body
{
	padding-bottom: 1px;
	padding-left: 2px;
	color: RGB(0,1,2);
}
#hidden
{
	width: 0px;
}
#neco
{
	width:5px;
	width: 10px;
}
p
{

}
Výsledný kód (pro ukázku zformátovaný)
html
{
	color: #FFF;
	background-color: transparent
}
body
{
	padding: 1px 2px;
	color: #000102
}
#hidden
{
	width: 0
}
#neco
{
	width: 10px
}
a nezformátovaně
html{color:#FFF;background-color:transparent}body{padding:1px 2px;color:#000102}#hidden{width:0}#neco{width:10px}

Závěr

U výše uvedeného příkladu, kdy byl ve vstupu poměrně neoptimalizované CSS bylo dosaženo zmenšení o cca 60%. Obvykle je zmenšení tak o 30% velikosti.

CSS kompresor:
CSS kompreseCSS kompresor 2
Tagy:
internetcsskompreseoptimalizace
Podobné:
Vlastní doména zdarma na vašem počítačiVlastní doména zdarma na vašem počítačiJak zrychlit stahováníJak zrychlit stahováníJak stahovat z uloz.to, rapidshare, ...Jak stahovat z uloz.to, rapidshare, ...

Komentáře:

Jméno:
Vzkaz:
Jste člověk?Ano Ne