terça-feira, 9 de fevereiro de 2016

Como acelerar carregameto Blog em 38%

how-to-double-traffic-speed-blogger-template


Hoje vamos compartilhar com você como acelerar o carregamento de seu template chegando na faixa de 38% de otimização, a maioria dos blogueiros ainda pecam nesse sentido devido ao fato de velocidade ser um fator de extrema importância para alavancar seu blogger pesquisas apontam que um blog que leva mais de 3 Segundos para carregar tem mais chances de perder maior quantidade de visitantes ou seja 40% das desistências ocorrem devido ao fato de acesso demorado a qualquer tipo de blog e muitos leitores não voltam sendo assim otimização seo para carregamento mais rápido de seu template é mais que precioso google também adora isso uma vez modificado em seu algoritmo google anunciou que sites que estão com mais velocidade ao carregar levam vantagem para posicionamento de ranking por esse motivo devemos levar a considerar isso como um passo muito importante.

Entendemos também que um bom blogger de qualidade é medido através de um bom conteúdo aliado a uma velocidade perfeita de carregamento então vamos compartilhar alguns truques aqui para que isso aconteça.


Otimizando CSS e Javascript  

Em nosso blog usamos style sheed denominados CSS que é uma linha de programação perfeita para configurar qualquer elemento do blog quanto a sua estrutura seja ela tamanho cor efeito entre outros a mesma forma temos o javascript que também faz parte de código fonte do blog onde muitas vezes por ser adicionado acaba que afetando a velocidade de carregamento por  isso existe uma maneira para que possamos fazer a compressão  desses códigos tornando mais limpo a codificação fonte bem como mais leve o nosso template para fazer a compressão desses códigos use as 2 ferramentas abaixo:




Adiar carregamento de Javascript

Uma outra maneira que podemos fazer é adiar o carregamento de javascript para que isso seja adiantado uma vez que o nosso leitor acessa o blogger isso já é carregado, Para isso você precisa hospedar.

Para fazer isso você precisa em primeiro lugar copiar o código javascript no bloco de notas, salve como js formato em seguida você faz a hospedagem usando googledrive  você vai ter um link como esse de exemplo.

https://googledrive.com/host/-file-user-name-java-nome

É preciso agora que você coloque esse link acima de </body>  caso não consiga ver o código clique na figura.


Altere Js hosting script com o link da hospedagem.


Adiar CSS

Da mesma forma que é feito com JS você pode fazer com o CSS salvando como .CSS também deixando mais leve seu template faça upload do código para googledrive host então use esse código  


HOST-CSS-TO-ACELERATE-BLOGGER-TEMPLATE

Não esqueça de alterar hospedagem CSS para o link 


Aplicando Asynchronous em Java script.

Para fazer isso basta que você use o async='async' na marcação veja o modelo abaixo 


Para usar em Jquery.

jquery-compress-better-load


Para usar em JavaSript veja como 

java-script-compress-code-for-blogger



Remoção de CSS Widget Bundle 


Widget bundle CSS é por padrão e isso faz com que seu site/blog ter um carregamento mais lento  por isso para melhorar faça o seguinte: 

Por padrão ele vem assim: 

<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1738504331-widget_css_bundle.css' />

Localize isso no seu template em modelo>> editar html >> então localize 
<b:skin><![CDATA[  então copie todo código CSS acima de ]]></b:skin> use um bloco de notas para isso. 

remova todo código deixando apenas <b:skin><![CDATA[  ]]></b:skin> então substitua isso por:

<style type="text/css"> <!-- /* <b:skin><![CDATA[ */]]></b:skin>  

ou use isso:

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>

copie e cole o seguinte código na parte inferior ou abaixo do código </ b: skin> 

<Style type = "text / css">

... Código CSS aqui ...

</ Style>



Usando carregador de web fontes.

Assim como Javascript e CSS também temos as fontes do blogger que muitas vezes podem sobrecarregar o modelo de seu template no carregamento do blogger por isso você pode inserir javascript loader antes de </body> 

web-font-loader-for-better-loading

Substituir id font pelo nome da fonte.

Agora é hora de otimizar as imagens do seu blog que podem estar impactando no carregamento do Blog para isso use as ferramentas  abaixo citadas.




Imagens tem um papel fundamental no Blogger e muitas vezes se isso não for otimizado vai afetar no carregamento de seu blogger uma vez que você faz a compressão de imagem seu Blogger vai ser melhor reduzindo o tempo de carregamento do blog e facilitando a vida dos visitantes. 


Quantidade de Widget:

Widgets também impactam no carregamento do blogger devido ao fato de serem desenvolvido em javascript e com CSS se for usar um conselho é que use somente o que é importante e benéfico para o usuario e se for usar use compressão para os códigos isso vai facilitar  a navegação.


Você pode utilizar ferramentas como

GTmetrix   



Considerações Finais.

Melhor que ter um blogger é saber otimizar para melhor SEO com uma melhor velocidade de carregamento faça isso para que seu Blogger passe a ter um impacto positivo você só tem a ganhar isso vai melhorar seu Ranking bem como aumentar CTR. continue conosco para o próximo post.








NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner