Adicionando jQuery através de um CDN
Olá, como o Leo Balter explicou, a melhor forma de adicionar o jQuery em seu site ou sistema é adicionando ele através de um CDN.
Vantagens
- Cache: Se o visitante já tiver acessado algum site que esteja usando o mesmo CDN, ele não precisa-rá baixar o jQuery novamente, pois o jQuery já vai estar em cache. Quando houver a chamada do jQuery o navegador irá retornar um 304 “Not Modified”, assim não irá fazer o download do jQuery novamente.
- Latência: Caso seja a primeira vez que acessa o CDN, o download terá menos latência pois o CDN como seu próprio nome diz, distribui seu conteúdo por vários servidores em locais físicos diferentes. Quando uma requisição CDN é disparada, ele irár retornar do local mais próximo fisicamente (rede).
- Paralelismo: Para evitar o sobrecarregamento de servidores, os navegadores limitam o número de requisições que podem ser feitas simultâneas. Usando o CDN o jQuery pode ser baixado simultaneamente com outros arquivos, pois não estarão no mesmo host.
Conclusão
Como visto, o CDN praticamente só tem vantanges, então por que não usar? Alguns diriam que seria por causada da dependencia de outros servidores e no caso esses servidores estarem off a aplicação não irá funcionar perfeitamente. Pois bem, o Leo Balter mostrou como fazer o fallback para um arquivo local, ou seja, quando o CDN não responder ele irá forçar o download do jQuery que esta no seu servidor.
Código
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<title>jQueryBrasil | jQuery CDN </title>
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script>
window.jQuery || document.write('<script src="jquery.js">\x3c/script>')
</script>
</head>
<body>
teste
</body>
</html>
Todos os créditos do vídeo são do Leo Balter
CDN, jquery
Muito bom seu post, ja estou utilizando nas minhas aplicações. Somente um detalhe que no script “widow.jquery ||…”, precisa coloca em maiuscula “window.jQuery || …”. Se não ele carregava duas a jquery.
Obrigado pela observação =D.