Melhorar o desempenho do nosso código jQuery

Eu sempre achei interessante artigo, e qualquer discussão de como tornar o código mais eficiente.
Eu sempre informado cada vez que me vi diante de uma nova linguagem, antes de PHP, Java, em seguida, e depois com o framework jQuery. Não é só para otimizar o tempo de resposta, ou apenas para fazer a experiência do usuário mais rápido e mais envolvente.
Saiba como otimizar o seu código também se reflete na qualidade do código em si, algo a que eu sempre realizada.
Eu acho que é necessário pensar em trabalhar como programador para a do artesão, o nosso produto é um artefato e, como tal, pode ser mais ou menos refinado.
Há muitas maneiras de conseguir o mesmo resultado, mas alguns são melhores que outros, embora não para todos os projetos é vital para estar atento ao desempenho, use sempre uma boa abordagem, que será útil em momentos de necessidade.
Existem muitos recursos online sobre a otimização do jQuery, algumas dicas são onipresentes, acadêmicos, outros parecem contraditórias, então nós fazemos um pouco de ordem e segunda lista também assinou a experiência direta das melhores práticas que não podemos desistir.

Use a versão mais recente do quadro

Não tenha medo de ir para a nova versão do jQuery, compatibilidade é garantida e cada versão traz melhorias significativas no desempenho com a reformulação das seções do núcleo e melhorias perceptíveis nas funções mais usadas. Apenas um lançamento para o próximo para algumas funções do tempo falando sobre execuções reduzida para 50%. Dê uma olhada na ilustração abaixo:

Use o atalho para o Pronto DOM

Em vez de:

 



 $ (Documento). Ready (function () {/ * lógica * /})

 

salvar alguns bytes usando seu atalho:

 



 $ (Function () {/ * lógica * /});

 

Referindo-se a carga janela lógica

Não é necessário escrever tudo no documento pronto. Delegados da lógica para realizar o carregamento da janela. Por exemplo, ligando o clique de um botão no final de um formulário longo pode relaxar e esperar para ser definido.

 $ (Function () {



  



 / / # A lógica aqui







 });







 Load $ (Window). (Function () {



  



 $ ("ButtonID"). Click (function () {



    



 / / # Esta lógica para ligar o botão



  



 });







 });

Scripts Minificare

Primeiro, eu sugiro que você instala no seu Firefox (como addon FireBug ) eo plugin na página de Velocidade Google Chrome que você encontra aqui . Este ferramentas úteis, bem como dar conselhos gerais para melhorar o desempenho da sua página tem um recurso valioso: minificata versão oferece todos os scripts que você encontra no interior. Ele também faz a CSS e também fornece versões otimizadas das imagens, mas vamos refletir sobre nossas jQuery pesado, eu anexar dois screenshots abaixo explicam melhor do que mil palavras, o que você faz:

Página do Google velocidade como aparece no firebug:

Clicando em salvar como minificata obter a versão do script:

Minificare cada um dos scripts na página que você pode tomar para salvar dezenas de KB para download.

• <<
• 1
• 2
• >>