Recomendação do Google PageSpeed - Não sei fazer

[Maykel-ctba 233]

Fala galera!

 

Estou aqui otimizando um site com algumas recomendações do Google PageSpeed, porém estou me embananando em uma em específico.

 

 

Você deve corrigir:

Eliminar JavaScript e CSS de bloqueio de renderização no conteúdo acima da borda

Sua página tem 13 recursos de script de bloqueio e 7 recursos de CSS de bloqueio. Isso causa um atraso na renderização de sua página.

Aproximadamente 22% do conteúdo acima da dobra em sua página seria renderizado sem aguardar o carregamento dos seguintes recursos. Tente adiar ou carregar de maneira assíncrona os recursos de bloqueio, ou incorpore in-line as partes fundamentais desses recursos diretamente ao HTML.

Remova o JavaScript de bloqueio de renderização:

http://code.jquery.com/jquery-1.9.1.min.js

http://generacbrasil.com.br/site/js/libs/bootstrap.min.js

http://generacbrasil.com.br/site/js/libs/jquery.easing.js

http://generacbrasil.com.br/site/js/scripts/hoverintent.js

http://generacbrasil.com.br/site/js/scripts/jquery.fancybox.js

http://generacbrasil.com.br/site/js/scripts/jquery.meanmenu.js

http://generacbrasil.com.br/…ipt/filestyle/bootstrap-filestyle.min.js

http://generacbrasil.com.br/site/js/scripts/jquery.layerslider.js

http://generacbrasil.com.br/…cripts/jquery.layerslider.transitions.js

http://generacbrasil.com.br/…nEngine/jquery.validationEngine-pt-BR.js

http://generacbrasil.com.br/…idationEngine/jquery.validationEngine.js

http://generacbrasil.com.br/site/js/app.js?v=33

http://www.googleadservices.com/pagead/conversion.js

Otimize a exibição de CSS dos seguintes itens:

http://fonts.googleapis.com/…ans+Pro:300,400,700|Lato:300,400,700,900

http://generacbrasil.com.br/site/css/bootstrap.min.css

http://generacbrasil.com.br/site/css/meanmenu.css

http://generacbrasil.com.br/site/css/layerslider.css

http://generacbrasil.com.br/site/css/jquery.fancybox.css

http://generacbrasil.com.br/…dationEngine/validationEngine.jquery.css

http://generacbrasil.com.br/site/css/app.css

 

Não entendi o que deve ser feito. Tanto o CSS quanto o JS estão carregando no final da página. Já tentei colocar no head, logo abaixo do body também. Segundo a documentação, eu poderia tentar colocar o atributo "async" no script, mas quando faço isso, para de funcionar.

 

O que dá pra fazer?

[William Bruno 1501]

Minimize e junte tudo, e faça com que virem um só arquivo js e um só arquivo css.

 

Pelo o que vi, tem 3 js dentro do head.

[Maykel-ctba 233]

Tem um dos arquivos que toda vez que eu minimizo que dá problema. Acho que em algum momento o algoritmo de compressão detona meu arquivo. Neste caso e nos que estão na pasta /sistema, não há muito o que ser feito.

 

Como faço quando a fonte do arquivo é externa? Ex: jQuery CDN hahah

 

Ainda não entendi o que o PageSpeed quer dizer com "conteúdo acima da borda"

[William Bruno 1501]

Pega o conteúdo do arquivo do CDN e junta.

 

Só faz sentido vc usar um CDN se a tua aplicação for distribuída "globalmente", se não, serve tudo local, e em poucas requisições, que ai sim, fará diferença de performance.

 

 

"acima da dobra", quer dizer antes da primeira rolagem, ou seja, o que vc vê assim que abre o site, sem precisar usar o scroll.

é um termo bem comum na web :lol:

 

principalmente quando vc trabalha com usabilidade, vc terá que se preocupar com isso.