[Resolvido] jQuery pesa nas páginas?

[Fábio Gonçalves 0]

Olá senhores.

 

Hoje eu to vendo um monte de página usando o jquery, que de fato é SENSACIONAL.

 

Só que tenho algumas questões.

 

1) no site do jquery.com, eles mencionam que o download COMPACTADO do script tem 23 kb, sendo que quando eu baixo tem 57 kb :S pq isso ?!

 

2) desenvolvi o site de um cliente meu com alguns plugins jquery, e logicamente tem o link pro arquivo js... e ele reclamou que esse arquivo consumiria muita banda, pois o site é muito acessado, e todos que o abrissem, rodariam o script automaticamente, isso é verdade?!

 

 

 

 

Se for verdade mesmo, penso que nem vale tanto a pena assim, pq SÓ um script ter quase 60 kb, ainda é exagero.

 

 

 

 

[]'s

[Foo Bar 0]

O jQuery tem 23kb minified e gzipped, leia bem a informação lá. ;)

 

E sobre o tamanho dos scripts, pense da seguinte forma: quanto tempo e quantas linhas de JS convencional seriam gastas pra fazer o mesmo que você faz com jQuery? Se o site é grande, e tem várias funcionalidades, com certeza seriam gastas muito mais linhas de código - código sujo e difícil de manter, diga-se de passagem.

 

É claro que se você só precisa esconder/exibir uma ou duas DIV's com JavaScript, usar jQuery pra isso é ridículo.

[Fábio Gonçalves 0]

O jQuery tem 23kb minified e gzipped, leia bem a informação lá. ;)

 

E sobre o tamanho dos scripts, pense da seguinte forma: quanto tempo e quantas linhas de JS convencional seriam gastas pra fazer o mesmo que você faz com jQuery? Se o site é grande, e tem várias funcionalidades, com certeza seriam gastas muito mais linhas de código - código sujo e difícil de manter, diga-se de passagem.

 

É claro que se você só precisa esconder/exibir uma ou duas DIV's com Javascript, usar jQuery pra isso é ridículo.

 

Pois é 'Lenon', mas olha o seguinte:

 

no site do download do jquery:

 

 

 

 

 

e quando vou ver o real tamanho do download (MINIFIED AND GZIPPED)

 

 

 

 

 

Afinal, pq ele exibe só 23 kb na pág. de download?! 

 

 

 

 

[]'s

[Foo Bar 0]

Porque se você ativar a compressão GZip no seu servidor, ele vai ficar com os 23kb descritos na página de download. Por isso tem a informação "Minified and Gzipped" lá.

 

Pra saber mais sobre GZip e como usá-lo, seguem alguns links:

 

Otimizando seu site e arquivos com GZip

Usando compressão gzip no Apache e vendo os resultados num log

 

Abraço. :)

[Daniel-DF 0]

Complementando o que o Lenon disse. Você pode incluir a biblioteca direto dos servidores do google que tem gzip ativado.

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

Da forma acima ele vai ficar com os 23kb.

 

Já a segunda questão isso é relativo ao que o Lenon colocou e pense também nas melhores práticas de desenvolvimento, principalmente nos seletores e loops.

 

- Evite buscar um elemento apenas pela classe ou id. Afunile a busca colocando elementos dos níveis acima do objeto alvo.

ex:

$('body #container .alvo')

. isso evita que o seletor procure outros elementos da classe alvo em outros lugares do documento.

 

- Faça cache de seletores que vai usar mais de uma vez.

ex:

var seletor = $('body #container .alvo');

- Faça cache em lopps

evite isso

$.each(data, function(i, val){

 $('container').append('<img src="img/'+val.imagem+'">');

});

faça isso

var resultado = '';//resultado criado vazio
$.each(data, function(i, val){

 resultado += '<img src="img/'+val.imagem+'">';

});

$('container').html(resultado);

É por aí...

 

Segue um link interessante sobre boas práticas com jquery.

 

http://paulirish.com/perf/

 

Abraço

[Fábio Gonçalves 0]

Beleza !

 

Acho que o servidor do cliente tem GZIP ativado sim... mas de fato esse link do Google, eu já sabia que existia só que nunca tinha pensado na possibilidade de usá-lo na minha página...

 

 

 

 

Valeu mesmo pela ajuda, foram de grande valia!

 

 

 

 

[]'s!