A medida que estamos criando um site, é normal que incorporemos ao projeto alguns estilos, framework em javascript, plugins, enfim, cada recursos novo que adicionamos, leva junto seus próprios CSS´s e Javascript, e no final do projeto, você vê que no header de suas páginas é necessário:
- inúmeras chamadas a estilos e javascript;
- o tempo para carregar a página inteira fica comprometido.
Para ajudar-lhe neste sentido, posso citar o Minify,que é un script PHP que realiza três trabalhos principaia
- Nos ajuda a reduzir o número de chamadas ao servidor, combinado vários arquivos CSS / JavaScript em apenas um arquivo;
- otimizar o código dos arquivos, eliminando espaços vazios, linhs duplas e comentários;
- Realiza o cache no servidor dos arquivos otimizados.
Para utilizar é muito fácio, basta fazer o download do paote, colocar na raiz do seu site, c acessar o link (http://www.seusite.com.br/min/
Neste momento vamo criando a lista dos arquivos que queremos processar:
Uma vezz que terminamos de montar a lista, basta clicar em update, que teremos todos os arquivos otimizados. O Minify ainda gera um arquivo zipado com todos os arquivos que você indiquei no passo anterior, ai basta trocar no seu site.
Antes |
|
Após |
|
Otimizar o código e reduzir o número de requisições ao servidor, são dois pontos que devemos levar em conta no momento que otimizar um site.
Para abordar mais o tema, não deixe de ler o excelente artigo do Yahoo! Developer Network com 34 regras para melhorar a velocidade de um site.
Link: Minify