Dica: Como eliminar javascript e css de bloqueio de renderizao

Se voc j usou o Google Pagespeed, na maioria dos casos, voc ver uma
sugesto que voc deve eliminar javascript e css de bloqueio de
renderizao no contedo acima da borda. Veja como resolver.

Como eliminar javascript e css de bloqueio de renderizao

Isto o que diz o Google para Javascript:
Antes que um navegador possa processar uma pgina para o usurio, tem
que analisar a pgina. Se encontrar um script externo ou bloqueio durante a
anlise, tem que parar e baixar esse Javascript. Cada vez que ele faz isso,
est adicionando uma rede de ida e volta, que vai atrasar o tempo para
primeira renderizao da pgina.
Isto o que diz o Google para CSS:
Esta regra acionada quando PageSpeed Insights detecta que uma pgina
inclui processamento de folhas de estilo externas, que atrasa o contedo e
causa esse bloqueio.
Nem sempre fcil ou prtico corrigir esse problema ou no sabe como
eliminar javascript e css de bloqueio de renderizao o que no prtico na
maioria dos casos, como a maioria dos usurios WordPress no
programador fica ainda mais perdido sem ter ideia do que fazer.

Ento, qual a soluo?

1. fazer o que o Google diz.
2. carrega os arquivos de forma assncrona.
Qual o objetivo de eliminar javascript e css de bloqueio de
renderizao e possvel conseguir?
Antes de passarmos, devemos saber o qual o nosso objetivo e o diz diz
essa mensagem do google. Como eu disse acima o google quer contedo
acima da dobra e deve mostrar ao usurio sem ter que esperar por esses
arquivos serem baixados, que o objetivo reduzir o tempo de espera.
Lembre-se que o objetivo reduzir o tempo de espera, e no para obter
uma melhor pontuao no Pagespeed.
Lembre-se sempre se trata de melhorar a experincia do usurio.
possvel?
Sim, e se voc deseja reduzir o tempo de espera, mas no caso se voc
deseja melhorar junto ao site pagespeed depende de alguns fatores.
Eliminar o bloqueio de render JavaScript e CSS acima da borda do
contedo usando plugin Speed Booster Pack
1. Instale o plugin "Speed Booster Pack" no WordPress.
2. Agora navegue at Configuraes > abra o speed booster pack
3. Na parte superior em general options marque as seguintes
opes: Move scripts to the footer e defer parsing of javascript
files.
4. Agora mais abaixo clique na opo: Still need more speed e
marque a opo Load CSS asynchronously (habilitar) a opo
"carregar o CSS de forma assncrona", vai remover o erro da
parte do CSS.
5. Tem outras opes nesse plugin se precisar usar para melhorar
o desempenho faa testes e verifique.

Se estiver precisando de um plugin para otimizao de imagens indico a

leitura do artigo 17 dicas de como fazer um blog mais rpido.

Existe um outro plugin, porm esse no atualizado + de 2 anos "Async JS

e CSS configuraes". Mas lembre-se que no esta sendo mais atualizado
ainda pode testar.
Configuraes para o plugin:
1.Load Javascript Asynchronously: Enable
2.Detect <script> tags in wp_head: Disable
3.Detect <script> tags in wp_footer: Disable
4.Load CSS asynchronously: Enable
5.CSS loading method: Leave as it is
6.Minify CSS: Enable
7.Remove ?ver=XXX part from URLs: Enable
Aps feito um dos procedimentos muitos tem o conceito que vai melhorar a
pontuao no site Pagespeed, porm no esse o conceito e sim melhorar a
experincia do usurio final para melhorar a velocidade e o tempo de um
site na hora de carregar.
Existem muitos casos que a mensagem deixa louco e no percebe que as
vezes o que esta causando essa mensagem algum banner de afiliado que
esta usando j passei por isso.
Tem pessoas pirando com os alertas do Pagespeed de como eliminar
javascript e css de bloqueio de renderizao eu j passei dessa fase hoje eu
fico mais preocupado com o Search Console e o Google Analytics.
http://blogmarketingonline.com.br/dica-como-eliminar-javascript-e-css-debloqueio-de-renderizacao/