CSS e Javascript minify

13maio08

Apesar de eu ter criado minha própria classe de Minify de CSS, não irei postá-la aqui neste momento, mas sim, irei indicar alguns sites e classes que fazem o Minify de CSS e outros que trabalham com Javascript.

MINIFY JAVASCRIPT

http://www.compressjavascript.com/

http://fmarcia.info/jsmin/test.html

MINIFY CSS (usando PHP)

http://www.vladimirated.com/web-development-minify-css-using-php-and-cssmin-class

MINIFY JAVASCRIPT e CSS

http://code.google.com/p/minify/wiki/UserGuide

MINIFY JAVASCRIPT, CSS e HTML (usando PHP)

http://aciddrop.com/2008/01/21/boost-your-website-load-time-with-3-lines-of-code/

Já que não sou expert na área de Tunning e Boost Performance, será que alguém pode explicar o caso de uso abaixo?

Dado que possuímos 5 arquivos JS já minificados, cada um possuindo 50Kb, temos 5 HTTP-Request e a transferência de 250Kb totais. É mais válido manter esse número de requests (comprometendo o load time), ou unir todos estes arquivos em 1 só de 250Kb, e comprometer toda a página já que arquivos grandes ficam mais vulneráveis a falhas de transferência de pacotes?

Minha grande dúvida é: Existe algum tamanho ótimo de arquivo JS e de CSS? (Sem ser os recomendados pelo Web Site Optimization – os quais considero difícies de serem atingidos)



One Response to “CSS e Javascript minify”

  1. Bem,
    Não sou expert no assunto, mas analisando… eu adotaria o metodo CDN neste caso:
    1 – colocariao os .js em subdominios diferentes ou mesmo dominios diferentes
    2 – ou entao caso voce esteja utilizando alguma biblioteca conhecida, como: jQuery, Mootols, Prototype… voce pode carregar diretamente do Google Code.
    Como os navegadores fazem multiplas requisições, quando existem arquivos externos fora do mesmo dominio.

    É obvio que isso nao diminui o numero de requisicoes, mas deixa um pouco mais rapido o carregamento, porque quando existem varios arquivos a serem carregados no mesmo dominio, eles sao carregados a cada 2, ou seja, carrega-se 2 arquivos e ao termino carrega-se mais 2.

    Atualmente estou me aprofundando no assunto: Otimização PHP e MySQL.

    Espero ter ajudado.


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


%d blogueiros gostam disto: