Por que colocar JS, CSS e imagens em outro servidor? (estáticos)
Neste artigo você vai aprender por que colocar JS, CSS e imagens em outro servidor, quais as vantagens de separar os arquivos estáticos do site
Fala programador(a), beleza? Bora aprender o por que e as vantagens de separar os arquivos de CSS, JS e outros da aplicação.
O principal motivo para separar os arquivos de JavaScript, CSS e imagens é a performance
Formação Claude Code
Domine Claude Code do absoluto zero até o avançado
- 120 aulas
- 4 projetos
- 9h 45min
Chamamos também estes arquivos de estáticos
Arquivos estáticos são os arquivos que dificilmente vão sofrer alterações, ou bibliotecas de terceiros, como o jQuery
E existem várias maneiras de implementar esta separação, a mais comum é o CDN (Content Delivery Network)
Geralmente as bibliotecas mais famosas já tem um link de CDN, você pode simplesmente colocar no seu projeto e utilizar
O que acontece então?
Podemos dizer que o seu servidor fica responsável apenas pela sua aplicação em si e não mais gerencia as outras bibliotecas
Melhorando a performance de carregamento da página
Geralmente os servidores de CDN são muito rápidos e estão espalhados pelo mundo todo
E também é interessante que o arquivo pode ter sido armazenado em cache, caso o usuário entre em um site que possua a mesma biblioteca que o seu
Aumentando ainda mais a velocidade de carregamento do seu site
Então só há vantagens em utilizar esta técnica?
Não é bem por aí, temos uma grande desvantagem: servidor offline
Caso o servidor que esteja hospedado seu arquivo esteja desligado ou caia por algum motivo
O seu site vai ficar sem aquela biblioteca em específico, podendo quebrar o seu projeto completamente caso ela seja extremamente necessária
Isso pode ser contornando com uma validação de presença do arquivo, para caso esteja off utilizar o que está hospedado em seu servidor
Mas é uma precaução que devemos tomar
Conclusão
Neste artigo vimos por que colocar JS, CSS e imagens em outro servidor
E isso é interessante pois aumenta a velocidade de carregamento do nosso site
Diminuindo também a utilização de recursos do nosso servidor, deixando a sua responsabilidade exclusiva nossa a aplicação
A grande desvantagem é que se o servidor do CDN cair, podemos ter um grande problema no nosso site, quebrando ele completamente
Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube
Formações
Formação Vibe Coding
Do Prompt ao Produto: Crie Software Real com IA
- 474 aulas
- 20 projetos
- 39h 27min
Blog | Mais populares
As diferenças de var, let e const

Como redirecionar para outra página com JavaScript


