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

CSS e imagens em outro servidor separar arquivos estáticos capa

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
Formação Recomendada

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

 

 

Escrito por | Matheus Battisti

Matheus Battisti
Fundador da Hora de Codar

Programador apaixonado pelo mundo das tecnologias, sempre buscando em aprender e se aprofundar em linguagens, frameworks e o que mais for necessário para executar um bom trabalho. Agora tem uma nova missão que é de passar seu conhecimento adiante para formar novos programadores e especializar mais os que já são.

Subscribe
Notify of
guest

0 Comentários
Oldest
Newest Most Voted

Formações

Formação Vibe Coding

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

  • 474 aulas
  • 20 projetos
  • 39h 27min

Blog | Mais populares