Como utilizar o GZIP no html

Front-end
#1

Salve pessoal blz?

Seguinte estou fazendo pesquisa para a utilização do gzip para compressão de JS e CSS.

Até o momento eu consegui comprimir os arquivos e habilitar o meu servidor para o uso do gzip.

Porem a dúvida é: A compressão gera um arquivo “xx.min.js.gz” e dentro tem um js minimizado. Como eu devo chama-lo agora no HTML?
tentei da seguinte maneira:

Mas ambas não funcionaram. O navegador não reconhece os arquivos.

Alguém sabe como resolver ou conhece algum material para eu olhar?

#2

Amigo,

Na verdade, essa compressão você não faz no arquivo, e sim numa configuração do servidor.

Você mantém seu arquivo javascript normal e configura o servidor. No tomcat 7 por exemplo, é assim:

1 - Edite o arquivo conf/server.xml

2 - Procure pela tag de conexão e adicione os atributos

compression="on"
compressionMinSize="2048"
noCompressionUserAgents="gozilla, traviata"
compressableMimeType="text/html,text/xml"

Um exemplo do resultado segue:

<Connector port="8080" maxHttpHeaderSize="8192"
maxThreads="150" minSpareThreads="25" maxSpareThreads="75"
enableLookups="false" redirectPort="8443" acceptCount="100"
connectionTimeout="20000" disableUploadTimeout="true"
compression="on"
compressionMinSize="2048"
noCompressionUserAgents="gozilla, traviata"
compressableMimeType="text/html,text/xml"/>

Origem da guia http://vicker313.wordpress.com/2010/08/27/enable-gzip-compression-in-tomcat/

Teu javascript vai continuar sendo:

<script src="assets/js/core/xxx.min.js"></script>

O tomcat vai ler os recursos, verificar se o browser do cliente suporta, e comprimir os statics resources, bem como a saida dos JSP, ficando transparente pra você e pro usuário.

Att.

#3