Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17416
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Evitar que carregamento de js externo prejudique o site

25-05-2014 15:10

Essa é uma dica para quem faz chamada de js externo no site. Quando esse js externo não é encontrado ou demora a carrega, faz com que todo o site fique lento prejudicando o acesso do mesmo.

Nessa dica, vou explicar como resolver esse problema.

Primeiramente, tudo que for externo, como chamada de banner do Adsense por exemplo, deve ficar dentro de uma div.

<div class="externo"> <!-- EX.: <script src="http://www.site_externo.com/js.js"></script> //--> </div>

Foi atribuída a class externa a div. Vamos usar esse CSS na página para não mostrar a div por enquanto.

<style> .externo{display:none;} </style>

Até agora, temos o carregamento externo mas sem ser mostrado.

Agora, precisamos do link até o js externo, para verificar quando ele carregou, para mostrar a div com a chamada externa.

<script src="jquery.js"></script>   <script> $(document).ready(function() {   // FUNÇÃO PARA MOSTRAR A DIV function carregou() { $('.externo').show(); }   // TENTANDO CARREGAR O ARQUIVO EXTERNO // QUANDO CARREGAR, VAI CHAMAR A FUNÇÃO carregou() $.ajax({   url: "http://www.site_externo.com/js.js",   dataType: "script",   success: carregou });   }); </script>

0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado