Yahoo YUI Compressor

O Yahoo YUI Compressor é um compressor/ofuscador de código criado pela Yahoo para reduzir a quantidade de “lixo” (compressor) e embaralhar (ofuscador) um código, deixando ele consideravelmente mais leve e rápido.

Trago pra vocês o link do Yahoo YUI Online Compressor: http://www.refresh-sf.com/yui/

Com ele você faz o Upload dos seus JS ou CSS e ele junta todos os arquivos em um só, bem mais level e limpo… Aí é só trocar todas as chamadas dos arquivos pela chamada (HTML) ao arquivo que ele criou e pronto! Seu site tá mais leve! 

Veja um exemplo da compressão que ele faz em um CSS:

Antes:

01

html {

02	background-color: #f7f6f1;

03

}

04

05	* html input,

06	* html .widget {

07	border-color: #8cbdd5;

08

}

09

10

textarea,

11

input,

12

select {

13	border-color: #dfdfdf;

14

}

15

16

kbd,

17

code {

18	background: #eaeaea;

19

}

20

21	input[readonly] {

22	background-color: #eee;

23

}

24

25	.find-box-search {

26	border-color: #dfdfdf;

27	background-color: #f1f1f1;

28

}

Depois:

1	html{background-color:#f7f6f1;}* html input,* html .widget{border-color:#8cbdd5;}textarea,input,select{border-color:#dfdfdf;}kbd,code{background:#eaeaea;}input[readonly]{background-color:#eee;}.find-box-search{border-color:#dfdfdf;background-color:#f1f1f1;}