Otimizando o seu Joomla - Parte 2

Agora que já sabemos que devemos colocar o javascript no final da página, vamos aprender como servir o javascript pro browser comprimido.Isso pode otimizar em até 70% o tempo de carregamento dos mesmos.

Por | @oficinadanet Programação

Agora que já sabemos que devemos colocar o javascript no final da página, vamos aprender como servir o javascript pro browser comprimido. Isso pode otimizar em até 70% o tempo de carregamento dos mesmos.

Pessoal isso é extramamente técnico, se você não tem se sente seguro pra fazer tais procedimentos, é melhor deixar do jeito que está, o seu site vai funcinar do mesmo jeito.

Existem diversas formas de resolver um mesmo problema, o que vou falar aqui, tomei como base o esse post.

Primeira coisa a fazer, baixar algum compressor de arquivos. Eu particularmente uso o 7-zip.


Comprimindo o arquivo .js


Se o arquivo se chamar mootools.js, após a compreensão ele vai se chamar mootools.js.gz e ambos devem ficar na mesma pasta.


Alterando o .htaccess


Insira a seguinte chamada no seu .htaccess


 ForceType text/javascript
 Header set Content-Encoding: gzip
</FilesMatch>

 RewriteEngine On
 RewriteCond %{HTTP_USER_AGENT} !".*Safari.*"
 RewriteCond %{HTTP:Accept-Encoding} gzip
 RewriteCond %{REQUEST_FILENAME}.gz -f
 RewriteRule (.*).js$ $1.js.gz [L]
 ForceType text/javascript
</FilesMatch>

Pronto feito, isso todos os arquivos .js que o browser for carregar ele primeiro vai procurar por .gz no final, caso ele não encontre ele utiliza o .js mesmo.


Aplicando a compressão no css


A mesma regra se aplica no css, comprima-o arquivo deixando-o com a extensão .gz
Adicione a regra no seu .htaccess

 Header set X-Compression "gzip"
 Header set Content-Encoding "gzip"
 AddType text/css .gz
</FilesMatch>


 AddEncoding gzip .gz
 RewriteCond %{HTTP:Accept-encoding} gzip
 RewriteCond %{HTTP_USER_AGENT} !Safari
 RewriteCond %{REQUEST_FILENAME}.gz -f
 RewriteRule ^(.*)$ $1.gz [QSA,L]
</FilesMatch>

Pronto todos os css que browser encontrar, primeiro ele vai procurar o arquivo comprimido.


Considerações


Não esqueça de utilizar um compressor de css e javascript antes de comprimir o arquivo (que confuso né?)
Compressor de javascript: Dojo, Dean Packeer ou procure algum no google.
Compressor de CSS: CSSDrive, CleanCSS, Otimizando o seu Joomla - Parte 2


Conclusão


Isso vai deixar seu site mais rápido do que um carro de fórmula 1?
Não MESMO!
Porém isso vai ajudar a deixá-lo cada vez mais rápido, quando você começa a perceber esses detalhes, significa que você se preocupa com o seu usuário.

Mais sobre: joomla cms dica
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo