Minify – Diminuindo o carregamento de arquivos em até 70%

Minify é um aplicativo em PHP5 que ajuda você a siga várias das Yahoo!’s Rules for High Performance Web Sites.
Ele combina vários arquivos CSS e Javascript, remove os espaços em branco desnecessários e comentários, e retorna uma codificação gzip em ótimos cabeçalhos de cache client-side.
O projeto é similar ao Yahoo Combo Handler Service , exceto que Minify pode combinar qualquer JS local / arquivos CSS que você precisa para sua página.

Porque usar ?
Para ver porque Minify pode ser útil, observe a figura abaixo com as requisições para os arquivos  Javascript e CSS de um template do WordPress. Um usuário com um cache vazio deve solicitar sete arquivos, transferir um total de 101.134 bytes:
Antes
Depois

Como usar ?

1. Baixe o minify-2.1.0.zip, descompacte o arquivo diretamente dentro da raiz seu projeto e acesse a pasta do Minify. Por exemplo,  http://localhost/seu-projeto/min/.
Isso te levará a “Minify URI Construtor” aonde vamos fazer a “mágica”:
Minify URI Builder screenshot
2. A partir daí você pode começar a escrever os caminhos dos seus arquivos que vão ser “minifycados”.
Você também pode usar o “Criar Minify URIs” bookmarket que vai ajudar muito. Pois você poderá adicionar os arquivos como “Favoritos” e poupar ter que ficar escrevendo o endereço toda hora:
screenshot of links found by the bookmarklet
3. Em seguida você pode adicionar os arquivos nos campos de endereço. Pode ser clicando nos Favoritos adicionados anteriormente ou escrevendo diretamente o endereçõ no campo de texto.
Assim que eles são adicionados à lista, o construtor verifica os arquivos via AJAX e coloca um icone confirmando arquivos encontrados (isso ajuda a evitar erros se quiser escrever os endereços no campo de texto diretamente):
screenshot of CSS files list
4. Depois de adicionar os arquivos, clique em [Update], e o aplicativo irá gerar a URI que você irá utilizar nas suas páginas:
screenshot of CSS minify URI
Você pode clicar no link para verificar o arquivo gerado. Clicando você vai perceber de cara a grande mudança!
O link do campo HTML será o que você vai usar adicionar nas suas páginas, substituindo os velhos arquivos.
Importante!
Crie os arquivos .CSS separados dos arquivos .JS no minify builder por razões obvias.

Pronto!

After: 2 requests, 29832 total bytes transferred
De sete requisições, caiu para duas e 70% menos de bytes transferidos.
Isso significa, páginas de carregamento mais rápido e largura de banda reduzida.

2 Comments

  1. Quando acesso o minify aparece isso no topo:

    “Note: Please set $min_cachePath in /min/config.php to improve performance.”

    e depois que dou o “update” a URI é gerada, mas quando clico nela aparece que o “Objeto não foi encontrado”

    O que fazer?

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s