image

Access unlimited bootcamps and 650+ courses forever

60
%OFF
Article image
Vagner Bellacosa
Vagner Bellacosa07/08/2021 22:40
Share

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.

image

image 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.

image https://www.linkedin.com/in/vagnerbellacosa/

image https://github.com/VagnerBellacosa/

Pode me dar uma ajudinha no YouTube?

image https://www.youtube.com/user/vagnerbellacosa

Share
Comments (0)