17 dicas para JavaScript, Otimize e melhore a performance do seu código.
- #Programação para Internet
- #JavaScript
- #Boas práticas
JavaScript
Dicas de performance
Salve padawan, hoje voltei a minha linguagem de baixa plataforma predileta, vamos conversar sobre melhoria de performance e otimização. Lembre-se que o JavaScript por ser uma linguagem de facl acesso, acabamos cometendo alguns pecados e deslizes em sua codificação. Abaixo apresento algumas dicas para que seu programa nao seja um monstrinho.
1 - Inicializar arrays e objetos com a = [] e b = {} é mais rápido do que a = new Array e b = new Object
2 - ~~(1 * “20.7”) é mais rápido que parseInt(20.7)
3 - Uma das melhores maneiras de aumentar a performance de seus códigos JavaScript é usar o cache de objetos.
4 - Use === ao invés de ==
5 - Reduza a quantidade de variáveis globais
6 - Não declare variáveis dentro de laços de repetição**
7 - Use chaves e ponto-e-vírgula em seus códigos.
8 - Se possível, use apenas uma biblioteca JavaScript em sua página. Já vi sites que usam Prototype, jQuery e MooTools na mesma página.
9 - Coloque o JavaScript em arquivos externos sempre que possível, ao invés de colocar o código diretamente no HTML.
10 - Use blocos CDATA para evitar erros de validação.
11 - Use a estrutura de controle switch ao invés de múltiplos if/elses aninhados.
12 - Use o atributo defer para indicar o uso scripts externos no IE
13 - Evite usar palavras reservadas do JavaScript em nomes de funções e/ou variáveis. As principais são essas:
14 - Utilize compressão de código
15 - A menos que você esteja usando alguma biblioteca JavaScript que somente execute o código quando o DOM estiver carregado, sempre inclua seu código JavaScript no final da página.
16 - Use uma biblioteca de JavaScript cross-browser.
17 - Comente seu código sempre que possível.
Teste e mais testes
Além das dicas, lembre-se sempre de elaborar código limpo, com identaçao, espaços e quebras de linha, comentando trechos obscuros e difíceis, lembre-se que outras pessoas irão dar manutenção evolutiva ou corretiva, quanto melhor facilitar essas atividades melhor será seu código.
Faça bem feito a primeira, garantindo que o software cumpre aquilo para o que foi desenvolvido, evite deixar pontas soltas e código inutilizado, so serve para poluir e confundir. Atente-se aos casos de testes e sua boa conclusão.
Conclusão
Jovem padawan este artigo teve o objetivo de apresentar uma pequena lista de atos para melhorar seu código, nao é exaustiva nem conclusiva, use-a como um ponto de partida e acrescente de acordo com sua experiencia, melhorando sempre.
Espero ter ajudado ate o próximo artigo.
Mais momento jabá, para distrair, visite meu vídeo e veja para onde fui desta vez: https://www.youtube.com/watch?v=JP8w25esO10
Bom curso a todos.
https://www.linkedin.com/in/vagnerbellacosa/
https://github.com/VagnerBellacosa/
