Compactação

>
Olá pessoal, a ferramenta do google insight, esta dizendo para eu compactar meu jscript, css e html. Alguem sabe alguma boa ferramenta? Ou a melhor forma de fazer isso? E isso realmente ajuda?

Outra duvida, é usar os javascript como async. Funciona melhor?

Segue:

http://javascriptcompressor.com/

http://jscompress.com/

http://herramientas-online.com/comprimir-descomprimir-css.html

Eu recomendo usar o 3º link, acho ele muito bom e uso em meus projetos, quando a sua dúvida sobre async, faz com que seu link de javascript que esta em outra pasta do seu servidor ou na mesma pasta do seu index, não carrega ao mesmo tempo na hora que a página é chamada e é feito o download das imagens e conteúdos do teu site, quero dizer que o seu java só será executado quando o download do teu site estiver completo... Segue o link de um tutorial mais explicativo abaixo:

OBS: Mas tome cuidado com esta forma assíncroma (async), pois dependendo do seu projeto, por exemplo alguns plugins como por exemplo, slydes de fotos que usam muito estes plugins javascript, ou outras funções que depende do plugin ser carregado durante o carregamento da página, pode deixar de funcionar, nem todas os scripts você poderá usar essa aplicação (async)

http://zenorocha.com/html5-async-scripts/

Espero que tenha te ajudado...

>

Segue:

http://javascriptcompressor.com/

http://jscompress.com/

http://herramientas-online.com/comprimir-descomprimir-css.html

Eu recomendo usar o 3º link, acho ele muito bom e uso em meus projetos, quando a sua dúvida sobre async, faz com que seu link de javascript que esta em outra pasta do seu servidor ou na mesma pasta do seu index, não carrega ao mesmo tempo na hora que a página é chamada e é feito o download das imagens e conteúdos do teu site, quero dizer que o seu java só será executado quando o download do teu site estiver completo... Segue o link de um tutorial mais explicativo abaixo:

OBS: Mas tome cuidado com esta forma assíncroma (async), pois dependendo do seu projeto, por exemplo alguns plugins como por exemplo, slydes de fotos que usam muito estes plugins javascript, ou outras funções que depende do plugin ser carregado durante o carregamento da página, pode deixar de funcionar, nem todas os scripts você poderá usar essa aplicação (async)

http://zenorocha.com/html5-async-scripts/

Espero que tenha te ajudado...

Entendi. Obrigado ^^

Se eu colocar o codigo original entre comentarios, isso não pesa no site. ou pesa?

Como me recomenda utilizar o compactador? salvar em um arquivo diferente?

Na verdade seria com você remover esses scripts deixando seu código mais enxuto, caso você não for mais usá-los..

O próprio Google Insights te dá o código otimizado.

Lá embaixo da pagina analisada: Faça o download de recursos de imagem, JavaScript e CSS otimizados para esta página.

Ou pode usar a referência conforme o Jeovane Carvalho passou!

Na verdade os compactadores on line você não irá baixar nada apenas copiar o seu código java ou css jogar no primeiro campo e executar dentro do site aí seu código será compactado , aí é só você copiar e colar no seu servidor... :yes:

Aproveitando o tópico. Sobre a parte do:

Eliminar JavaScript e CSS de bloqueio de renderização no conteúdo acima da bordaQual a melhor forma de corrigir isto?

Javascript posiciono no inicio ou fim da page?

dentro do link do seu java tipo assim : deixa assim :

trabalhando com renderização
<script type="text/javascript" src="js/view.js"></script>

trabalhando sem renderização
<script async="async" type="text/javascript" src="js/view.js"></script>

Mas cuidado nem todos os plugins você poderá acrescenta-lo para trabalhar de forma assíncroma (async="async") senão algum conteúdo seu com java irá deixar de funcionar..