7 maneiras de diminuir o carregamento de uma página web via minimização CSS + Javascript

Ao longo desse tempo trabalhando com WEB sempre vem a tona a questão: PERFOMANCE .

E uma das maneiras de otimizar a velocidade de carregamento de páginas web é tratar o seu conteúdo estático de maneira que possa ser carregado da maneira mais rápida possível.

E os conteúdos estáticos de uma página web geralmente são: imagens, folhas de estilo CSS e arquivos javascript e uma boa notícia é que podemos comprimí-lo até atingirem o menor tamanho possível, facilitando assim o download desses arquivos pelos navegadores dos clientes.

Segue abaixo 7 maneiras eficientes de se fazer isso:

1. Site Load Test

É um validador e avisa ao desenvolvedor sobre erros encontrados e indica também maneiras de otimizá-los.


2. Packer

É um compressor para javascripts que irá melhorar o tempo de carregamento da sua página.


3. SquishIt

Uma marca da GitHud, irá ajudá-lo a compactar tanto CSS como JavaScript do seu site, podendo agrupar arquivos em um único, reduzindo assim o número de requisições de arquivos. Tem uma interface um pouco pobre, mas você irá se acostumar com isso.


4. Minify

  Minify é uma excelente biblioteca escrita em PHP5 que irá ajudar a compactar os seus arquivos .js e .css em até 70% e pode ser facilmente integrado ao seu site, se escrito em PHP, aqui na Codificar já utilizamos algumas vezes e o resultado sempre é atrativo.


5. JSMin

JSMin, é simples e fácil de usar e remove todos os espaços em brancos de seu código, o que ajuda a diminuir o tamanho de seu arquivo em até 50%.


6. Google Closure Compiler

O pessoal do Google sempre é confiável quando o assunto é velocidade e aprimoramento. Sendo assim, essa ferramenta irá ajudar a remover e corrigir eficientemente erros comuns de código em javascript.

Excelente para quem usa grandes bibliotecas em Javascript.


7. YUI Compressor

Mais uma maneira de comprimir os arquivos CSS e JS e se diz melhor que os concorrentes como Packer e Minify, e é claro que tem o suporte de uma grande empresa como a Yahoo.

 
Enfim, #ficaadica e façam bom proveito.   @via http://smashinghub.com]]>

Leave a comment