ProgramováníPočítačInternetBlog

Komprese

05. 09. 2012CSS komprese
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);
Celý článek
24. 12. 2012CSS kompresor 2
CSS kompresor 2
Druhá verze mého CSS kompresoru

Po napsání svého prvního kompresoru (CSS komprese), ačkoliv jsem jej normálně používal, se v něm začaly objevovat chyby. Nakonec jsem se rozhodl pro napsání kompresoru nového.

Změny

Druhou verzi se snažím psát poněkud opatrněji; nechávat si prostor pro atributy s vyjímečným chováním, spíše nekomprimovat, než udělat nějakou chybu.

Konkurence

Jelikož jsem samozřejmě obkoukl konkurenci před zahájením tvorby, zjistil jsem, že dostupné (z první stránky vyhledávání googlem) komprimační nástroje nejsou moc dobré. Některé mají slabou kompresi (jen odstranění whitespaces), jiné zase zanáší do kódu chyby.

Z dostupných informací se domnívám, že můj kompresor tedy patří mezi ty (nej)lepší - jistě, spoustu chyb jsem třeba ještě neodhalil, navíc kompresor momentálně není ve finální verzi.

Celý článek