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 48min
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

VPS Hostinger para seu sistema
10% OFF extraVPS com SSD NVMe e backups semanais. O cupom MATHEUSHORADECODAR é aplicado automaticamente pelo link.
Ver planos com 10% OFF →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

Crie sistemas com IA para vender
Prompts, modelos e checklists para criar e publicar seu sistema com IA e preparar a oferta para o primeiro cliente.
Quero o e-book gratuito Receba o livro e os bônus no seu e-mail.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 30min
Blog | Mais populares
As diferenças de var, let e const
Neste artigo veremos quais são as diferenças nestas três formas de declarar valores, e também casos de uso para var, let e const. Este conteúdo […]

Como redirecionar para outra página com JavaScript
Neste artigo vamos aprender como redirecionar para outra página com JavaScript, sem utilizar libs como jQuery, de uma maneira simples e efetiva. Fala programador(a), tudo […]
Exercícios de lógica de programação JavaScript com gabarito
Pratique lógica com JavaScript resolvendo um exercício antes de abrir o gabarito. Execute o código, teste uma entrada comum e um caso de borda, como […]
