Javascript retarda o carregamento do seu site? Tente o modo assíncrono!
Página 1 de 2
Quantas vezes já ouvimos que o JavaScript é a causa mais freqüente de atrasos no carregamento de uma página web? muitas vezes, certo? Isto, infelizmente, vem do fato de que muitos serviços usados em sites e blogs são fornecidos a partir do exterior através da inclusão de uma página web em código Javascript. Por exemplo pensar em serviços como estatísticas, troca de banners, plugins social, shoutbox, etc.
Todos estes elementos, como regra, são carregados na página web através do uso de <script> esta:
<script type="text/javascript" src="http://www.sitoesterno.com/servizio.js"> </ script>Este tipo de marcação, como previsto, sofre um problema significativo: se os recursos externos não respondem rapidamente (por exemplo, porque o servidor está sobrecarregado ou existe um problema de rede temporário) do browser, chamada para exibir a página web acolher este código, ele irá bloquear à espera de carregar o javascript é carregado. A conseqüência é que a página web pode se tornar muito lento ou, na pior das hipóteses, pode haver branco ... resultando em perda de tráfego!
Resolver o problema facilmente
Uma solução para este problema é oferecida pelo uso de etiquetas <iframe> mas isso nem sempre é possível: quando o elemento a ser incorporado tem um tamanho definido (por exemplo, um banner) você pode usar esta solução ... mas quando o elemento tem que incluir diferentes tamanhos ou use os efeitos dinâmicos, o iframe é certamente inadequada.
Uma segunda solução, que também é muito simples, é colocar o código JavaScript que não produzem diretamente uma saída (como as estatísticas) no fundo, pouco antes do encerramento da <body> ... mas quando o nosso código tem de produzir uma saída e isso tem de ser posicionado em um ponto preciso do nosso layout isso não é, naturalmente, possível.
Ambas as soluções simples, portanto, não são a resposta que você está procurando ... Vemos, então, o que é e como o carregamento assíncrono do código javascript.
 |
CSS (Curso)
Web Design e Acessibilidade de acordo com a W3C CSS e XHTML. A partir de 29 €. |
 |
HTML (Curso)
A linguagem de marcação para a Web a partir de 29 €. |
 |
Javascript (Curso)
Completo guia para client-side scripting. A partir de 39 €. |