GoCache
  • Produtos
    • CDN
    • WAF – Web Application Firewall
    • Lithio – Otimizador de Imagens
    • Rate Limit
    • API Discovery & Inventory
    • API Pública
    • Certificado SSL
    • Role Based Access Control
    • Plugin WordPress e Magento
  • Soluções
    • E-Commerce
    • Portais de Conteúdo e Notícias
    • Educação / Edtech
    • Startup
    • Outros
  • Planos
  • Parceiros
    • Parceiros de Tecnologia
  • Cases
  • Ajuda
    • Central de Ajuda – FAQ
    • Documentação Técnica
    • Documentação da API
  • Contato
  • Login
  • CADASTRE-SE
  • Menu Menu

Como usar CDN para distribuir imagens

6 de outubro de 2020/em CDN

A CDN foi concebida com o intuito de reduzir latência, conectando o usuário e a aplicação através de rotas geograficamente mais próximas para acelerar a entrega de sites e aplicações.

No inicio, a grande maioria das soluções de CDN focavam na entrega de assets estáticos, como imagens, jss, css, videos, pdf, entre outros, mas com o tempo e com a evolução das plataformas, foi natural que as CDN também passassem a fazer cache de assets dinâmicos (html, json), contribuindo com ganhos de performance e escalabilidade.

Atualmente, estratégias de CDN para distribuição de imagens fazem bastante sentido para sites que buscam reduzir custos com uso de banda ou aqueles que procuram maior performance de entrega.

Abaixo, vamos falar um pouco sobre um pouco sobre os benefícios de usar uma CDN para distribuir imagens e as alternativas de configuração para esse tipo de modalidade de entrega.

Benefícios de usar CDN para servir imagens:

Performance: Usar uma CDN para distribuir imagens é uma ótima maneira de reduzir latência de entrega. Por exemplo, digamos que seu site ou aplicação está hospedado fora do país. A cada acesso, seus usuários precisam percorrer um longo caminho até efetivamente consumir o conteúdo. Agora, se você distribui parte do seu site em uma CDN, parte desse conteúdo será entregue com maior rapidez, considerando a localização geográfica do usuário e entregando o conteúdo a partir do ponto de presença mais próximo.

Entrega de imagens COM e SEM serviço de CDN

Economia com uso de banda: Atualmente hospedagens mais populares não cobram por uso de banda, já que por atenderem aplicações simples, esse acaba não sendo um ponto de preocupação das hospedagens, porém, em determinados casos, usar uma CDN é uma maneira bastante efetiva de reduzir custos com uso de banda. Por exemplo, sites e aplicações que usam VPS como Azure, Google e AWS, acabam tendo altos custos de banda, e com a implementação de uma CDN, é possível reduzir esses custos. Caso queira conhecer mais sobre o tema, recomendamos a leitura do artigo – A alternativa ao CloudFront paga em reais

Otimização de imagens: Outro ponto positivo das CDNs de última geração é a possibilidade de otimizar as imagens de sua aplicação no momento da entrega, sem a necessidade de alterar nada em seu código. Por exemplo, a GoCache possui um serviço chamado “Lithio” que faz compressão de imagens e conversão para formatos mais recentes como webP, tudo feito automaticamente pela nossa rede, sem a necessidade de alterar nada em sua aplicação.

Na maioria das vezes a grande vantagem de usar um serviço de otimização de imagens na borda, é o baixo esforço técnico necessário para otimizar a aplicação, já que não existe a necessidade de alterar todo seu código. Por exemplo, digamos que você tenha um site com milhares de imagens, e agora seu desafio é reduzir o tamanho de todos os arquivos. Antigamente, era necessário fazer o download de todas imagens, tratar cada uma delas para reduzir seu tamanho e fazer novamente o upload dos arquivos atualizados. Hoje, com a esforço de um clique, é possível fazer isso na CDN.

Como usar CDN para distribuir imagens?

Por padrão, a CDN vai ler a extensão de seus objetos e fazer cache estático automaticamente, sendo assim, passando seu site ou aplicação através da CDN, naturalmente as imagens serão entregues.

Porém, caso você queira apenas distribuir imagens pela CDN, é possível aplicar duas configurações diferentes:

1- Entrega via subdomínio: 

É possível inserir todas as suas imagens em um subdomínio e passar a distribuir apenas esses subdomínio através da CDN. Por exemplo, digamos que você insira todas as suas imagens no endereço – imagens.seusite.com.br. Feito isso, basta ativar a CDN apenas nessa entrada, seja utilizando a zona de DNS da CDN ou através de apontamento CNAME.

2 – Entrega via hash de distribuição: 

Algumas CDNS permitem que você distribua seus assets através de endereços de distribuição ou hash de distribuição. Dessa forma, basta que você referencie em suas imagens esse endereço. Por exemplo, a GoCache permite que você utilize hash de distribuição em modo CNAME, gerando uma URL personalizada neste estilo – https://c111c64b7c69eef6.cdn.gocache.net/nome-da-sua-imagem.png 

Endereços de distribuição são bem frequentes em plataformas de e-commerce ou em aplicações que por questões técnicas, preferem utilizar essa maneira de distribuição.

3 – Utilização de plugins para Magento e WordPress

Outra maneira de distribuir imagens por CDN é utilizando plugins especializados para Magento e WordPress. Trata-se de uma prática pouco recomendada, considerando que boa parte desses plugins são feitos fora do país e acabam distribuindo suas imagens por rotas longas e com bastante latência, porém, é notável que o esforço técnico para esse modelo de distribuição é muito baixo.


Caso você tenha qualquer dúvida sobre o uso de uma CDN para distribuir imagens, por favor, entre em contato. Será um prazer bater um papo, entender mais sobre sua demanda e recomendar a melhor prática para sua aplicação :)


Share this entry
  • Share on Facebook
  • Share on Twitter
  • Share on WhatsApp
  • Share on LinkedIn
  • Share on Tumblr
  • Share by Mail
https://www.gocache.com.br/wp-content/uploads/2020/10/distribuicao-de-imagens-via-cdn.jpg 568 1324 Go Cache https://www.gocache.com.br/wp-content/uploads/2021/11/gocache-nova-preta.png Go Cache2020-10-06 13:36:472020-10-08 18:20:46Como usar CDN para distribuir imagens

Baixe nosso Ebook

Procurar

Últimas publicações

  • Insufficient Logging & Monitoring – O que é? 23 de maio de 2022
  • Improper Assets Management – O que é? 23 de maio de 2022
  • Injection – O que é? 23 de maio de 2022
  • Security Misconfiguration – O que é? 23 de maio de 2022
  • Mass Assignment – O que é? 23 de maio de 2022

Produtos

  • Content Delivery Network
  • SSL
  • Web Application Firewall - WAF
  • Rate Limit
  • Lithio - Otimizador de Imagens
  • API Discovery & Inventory
  • Role Based Access Control
  • Plugin para WordPress e Magento

Soluções por vertical

  • Portais de conteúdo e notícias
  • E-Commerce
  • Educação / Edtech
  • Plataformas de E-Commerce
  • Startup
  • Outros

Empresa

  • Central de Ajuda
  • Carreiras
  • Parceiros
  • Blog
  • Contato
  • Planos
  • Cases de Sucesso
  • Datasheet GoCache

Documentação

  • Termos de Uso e Politica de Privacidade
  • API Pública da GoCache
  • Documentação Painel

Acompanhe nosso Blog!

  • Insufficient Logging & Monitoring – O que é?
  • Improper Assets Management – O que é?
  • Injection – O que é?
  • Security Misconfiguration – O que é?
  • Mass Assignment – O que é?
  • Broken Function Level Authorization (BFLA) – O que é?
  • Lack of Resources & Rate Limiting – O que é?
  • Excessive Data Exposure – O que é?
O que é CloudFlare? A História da CDN (Content Delivery Network)
Scroll to top

Este site utiliza cookies para aprimorar sua navegação. Na GoCache o uso de cookies é feito apenas para reconhecer um visitante constante e melhorar a experiência no uso dos Serviços. Os cookies são pequenos arquivos de dados transferidos de um site da web para o disco do seu computador, e não armazenam dados pessoais. Se preferir, você pode apagar os cookies existentes em seu computador através do browser utilizado.

AceitarRecusarTermo de uso

Cookie and Privacy Settings



How we use cookies

We may request cookies to be set on your device. We use cookies to let us know when you visit our websites, how you interact with us, to enrich your user experience, and to customize your relationship with our website.

Click on the different category headings to find out more. You can also change some of your preferences. Note that blocking some types of cookies may impact your experience on our websites and the services we are able to offer.

Essential Website Cookies

These cookies are strictly necessary to provide you with services available through our website and to use some of its features.

Because these cookies are strictly necessary to deliver the website, refusing them will have impact how our site functions. You always can block or delete cookies by changing your browser settings and force blocking all cookies on this website. But this will always prompt you to accept/refuse cookies when revisiting our site.

We fully respect if you want to refuse cookies but to avoid asking you again and again kindly allow us to store a cookie for that. You are free to opt out any time or opt in for other cookies to get a better experience. If you refuse cookies we will remove all set cookies in our domain.

We provide you with a list of stored cookies on your computer in our domain so you can check what we stored. Due to security reasons we are not able to show or modify cookies from other domains. You can check these in your browser security settings.

Google Analytics Cookies

These cookies collect information that is used either in aggregate form to help us understand how our website is being used or how effective our marketing campaigns are, or to help us customize our website and application for you in order to enhance your experience.

If you do not want that we track your visit to our site you can disable tracking in your browser here:

Other external services

We also use different external services like Google Webfonts, Google Maps, and external Video providers. Since these providers may collect personal data like your IP address we allow you to block them here. Please be aware that this might heavily reduce the functionality and appearance of our site. Changes will take effect once you reload the page.

Google Webfont Settings:

Google Map Settings:

Google reCaptcha Settings:

Vimeo and Youtube video embeds:

Other cookies

The following cookies are also needed - You can choose if you want to allow them:

Privacy Policy

You can read about our cookies and privacy settings in detail on our Privacy Policy Page.

Termos de Uso e Política de Privacidade – GoCache CDN
Accept settingsHide notification only