Olá ouvintes do CoderCast, Me chamo Micael Pereira e nesse podcast vou falar de algumas ações para otimizar a velocidade do seu site.
1- Use CDN
CDN em portugês significa Rede de Distribuição de Conteúdo. É uma rede de servidores que armazenam conteúdo na memória então só é possível colocar arquivos estáticos como HTML, CSS e JS. A vantagem de colocar no CDN é facilitar a distribuição geograficamente desses estáticos. Quanto mais próximo do DNS do usuário, que está acessando o seu sistema, mais rápido será o download. E mais rápido a página vai abrir.
2- Diminua o tamanho das imagens.
Quanto menor a imagem, menos tempo o navegador vai gastar fazendo download.
Os pontos principais são:
- Diminua a resolução da imagem;
- Comprima a imagem;
- Corte a imagem.
Já usei o compressjpeg. link
3- Use bastante cache
Use cache no seu backend e no front end.
No front end usamos o cache, quando o sistema permite que o usuário acesse arquivos estáticos de forma mais rápida.
No backend usamos o cache para evitar que sempre seja feita uma requisição no Banco de dados. Colocando alguns dados em memória, para otimizar o retorno das informações.
Se o seu backend está em Node. Eu tenho um curso que estou sempre colocando novidades.
4- Minifique os arquivos JS e CSS
Isso é muito comum nos frameworks e libs de front end como Angular, React e Vue. A CLI desses programas já minificam os arquivos, ao serem preparados para publicação.
E para backend também temos opções como o bundle para ASPNET. Ele minifica os arquivos .js e .css.
Além dessas opções também temos alguns sites que fazem isso. Já usei o JavaScript Compressor.
5- Melhore seu plano de hospedagem
Quando o sistema ganha muita usabilidade, devemos melhorar o local que ele está hospedado. Pois alguns serviços de hospedagens usam recursos de memória RAM e CPU compartilhados. Se seu sistema está com muito uso. É valido investir em outro serviço.
Todos os cursos que indico, com os links estão no post do Podcast.
O CoderCast é feito por duas pessoas eu Micael Pereira, na apresentação e, você aí.
Tem mais algum item para acrescentar, que você acha que esqueci de colocar?
Deixe nos comentários e ou manda no twitter, instagram ou e-mail.No twitter eu sou o @MicaelPereira_ no Instagram @guiadev_ me siga lá e comente sobre o podcast com seus amigos devs, ajudando o crescimento do CoderCast. E o meio de comunicação bem antigo, que ainda respondo é o e-mail. Para entrar em contato o e-mail é [email protected]
Link dos cursos:
Node com redis: link
ASP.NET MVC: link
Java WEB: link
React Native: link
Curso para criar games: link
Pacote Full Stack: link
Link dos livros:
Como Melhorar a Performance de Websites .Net: link
Refactoring: link