Ordenação de JavaScript e CSS para otimização de sites

A velocidade da página é parte importante na otimização de sites. Há um método simples para que você agilize suas páginas: simplesmente trocando a ordem na qual o CSS e os elementos de JavaScript aparecem carregados.
Abaixo, o exemplo mostra que o CSS depois do JavaScript deve esperar os scripts carregarem antes do CSS ficar pronto, o que causa um atraso.

Colocando o CSS abaixo do JavaScript no seu HTML, o CSS pode carregar paralelamente. Isso faz com que o tempo de carregamento de todos os elementos seja reduzido.

 

<head>
<link rel="stylesheet" type="text/css" href="stylesheet1.css" />
<;link rel="stylesheet" type="text/css" href="stylesheet2.css" />
<link rel="stylesheet" type="text/css" href="stylesheet3.css" />
<script type="text/javascript" src="scriptfile1.js" />
<script type="text/javascript" src="scriptfile2.js" />

A velocidade da página importa em SEO

Por que a velocidade da página te ajuda a ir melhor ou pior nos resultados dos mecanismos de busca?

Já notou que o Google disponibiliza qual foi o tempo que ele levou para encontrar os resultados? O Google quer entregar a você os melhores resultados no menor tempo possível. Por isso, melhorar o desempenho do seu website é ótima maneira de ver melhorias na campanha de otimização de sites. Entre em contato com a Divulgue Seu Website e saiba mais sobre como otimizar o seu site. Nosso telefone é (11) 5518-3881 e nosso e-mail é contato@divulgueseuwebsite.com.br .

Escreva uma meta description de sucesso

A meta description é o texto que aparece abaixo do link do seu website nos resultados dos mecanismos de busca. Embora se acredite que tenha pouco valor na otimização dos sites, a meta description é fundamental para atrair clientes para o seu website. Ela deve ter menos de 160 caracteres, deve ter palavras-chave e, o item mais importante, deve ser escrita de maneira a atrair o usuário para a compra.

Google Analytics Versão Rastreamento

Monitorar visitantes, aumentar índices e tráfego é vital para o sucesso da otimização de sites.  Ao usar a versão mais nova do Google Analytics JavaScript, o Google sugere colocar o código na <head> das suas páginas.

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
Se o seu website está usando uma versão mais antiga do código, o Google recomenda adicionar o JavaScript no corpo, antes da tag </body>.
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try{
var pageTracker = _gat._getTracker("UA-xxxxxx-x");
pageTracker._trackPageview();
} catch(err) {}</script>

Para maiores informações, veja as duas páginas do Google abaixo: