CSS e Javascript minify
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)
Filed under: CSS, Javascript, Performance | 1 Comment
Tags: CSS, Javascript, minify
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.