Este é um Guest-Post criado por Pedro Santos, um desenvolvedor de aplicações para web. Visite o seu jogo online Orion’s Belt.

O que é uma Rede de Fornecimento de Conteúdos

Quando um visitante chega ao seu site, é importante que o seu site se mostre o mais rápido possível. Ninguém gosta de ficar muito tempo à espera do carregamento de imagens ou scripts, e perder visitantes devido a um site lento é sem dúvida um mau negócio. E isto é muito relevante porque provavelmente você recebe muitos visitantes novos, vindos de motores de busca ou referências, que como nunca acederam ao seu site antes, vão ter de o carregar em completo para o verem pela primeira vez.

Há várias formas de optimizar o conteúdo estático do seu site, que devem ser seguidas. Mas o que vou apresentar hoje são as Redes de Fornecimento de Conteúdos (CDN).

O que é uma Rede de Fornecimento de Conteúdos

Um CDN é normalmente usado para servir conteúdo estático, como imagens, CSS e Javascript. O conteúdo dinâmico tem de ser atendido pelo nosso servidor de produção, daí não conseguimos escapar. Mas tudo o resto, pode ser delegado para uma rede que disponibilize esse conteúdo por nós.

Estas redes funcionam da seguinte maneira: têm vários servidores espalhados pelo mundo com cópias do seu conteúdo. Quando um utilizador acede ao seu site, a rede escolhe o servidor mais perto para atender o visitante. Por exemplo, imagine que tem o seu site alojado em Portugal e tem uma visita do Japão. Se usar um CDN, o seu servidor de produção irá processar a parte dinâmica do pedido, enquanto todo o conteúdo estático será servido por uma máquina no Japão.

Ou seja, há aqui duas grandes vantagens: em primeiro lugar você poupa largura de banda, pois é uma outra entidade que serve conteúdo estático, e por outro lado você ganha em velocidade, pois o visitante recebe as imagens e os scripts de uma máquina mais perto e optimizada para este tipo de operações.

Como usar uma Rede de Fornecimento de Conteúdos

Para usar un CDN é necessário preparar o seu site, nomeadamente você tem de referenciar o seu conteúdo estático através de um URL externo. Por exemplo, para você incluir uma imagem no seu site, poderia fazer o seguinte:

<img src="/Imagens/Logo.png" alt="Logotipo" />

Com esta referência directa você não vai conseguir usar um CDN, porque o pedido irá sempre ser atendido pelo seu servidor. Mas imagine que usa referências da seguinte maneira:

<img src="http://servidor.com/Imagens/Logo.png" alt="Logotipo" />

Se você tiver a componente http://servidor.com facilmente configurável, quer dizer que pode simplesmente mudar de http://servidor.com para http://uma.rede.de.fornecimento.com, e todo o seu site estaria a usar o CDN. Há formas mais fáceis de o fazer, nomeadamente com plugins para o Wordpress, que apresentarei mais à frente.

Rede de Fornecimento: Coral CDN

Agora que já sabemos como usar um CDN, vou apresentar duas alternativas diferentes gratuitas. A primeira é o Coral CDN, é sem dúvida a mais fácil de usar. Basta você adicionar .nyud.net a um URL e este será atendido pela Coral CDN. Por exemplo, podemos aceder ao site fique-rico.com atraves do Coral CDN simplesmente fazendo:

http://www.fique-rico.com.nyud.net/

Há muita gente que usa esta técnica quando coloca artigos no Digg ou Slashdot, para não sofrer uma carga imensa e ter problemas no servidor.

Há também um plugin para o Wordpress que transforma as referências para o seu conteúdo estático para apontar para o Coral CDN: Coralize for Wordpress.

Rede de Fornecimento: Velocix

A rede Velocix é grátis até 500g de largura de banda por mês, o que é bastante. Esta rede é mais complicada de configurar, mas pela minha experiência é comporta-se melhor que o Coral CDN. Para começar você tem de ir ao site e pedir um registo. Depois terá um painel de controle onde pode configurar entradas e ver estatísticas.

A configuração no Velocix é através de DNS. Você tem de ter um domínio só para o conteúdo estático, por exemplo: http://estatico.servidor.com, e indicar ao Velocix que este é o seu servidor de origem. Posteriormente o Velocix apresenta-lhe uma configuração DNS que você tem de adicionar. Eles têm um suporte muito bom e se tiver dúvidas não hesite em contactá-los.

Caso de estudo: Orion’s Belt

No nosso jogo Orion’s Belt temos um grande problema com conteúdo estático, pois temos muitas imagens para tornar o site mais bonito. Nós usamos os dois CDN apresentados anteriormente. Usamos o Velocix para a maior parte do conteúdo, mas usamos o Coral para conteúdo menos usado, como por exemplo as imagens do jogo. Desta forma conseguimos balancear a carga, até porque no Velocix temos limites enquanto que no Coral já não temos.

Para configurar o site, tivemos primeiro de arranjar um domínio só para o conteúdo estático, que fica em:

http://pdm.resources.orionsbelt.eu/

Depois configurámos o Velocix a apontar para o nosso domínio estático, e ficou em:

http://pdm.velocix.orionsbelt.eu/

Naturalmente também podemos usar facilmente o Coral CDN usando:

http://pdm.resources.orionsbelt.eu.nyud.net/

Mas em último caso usamos em todo o site a referência para resources.orionsbelt.eu, que basicamente aponta para o nosso CDN preferido(neste momento, o Velocix). Desta forma temos um CDN por omissão mas podemos usar qualquer um em casos específicos.

Conclusão

Penso que este artigo demonstra bem a necessidade e as vantagens de usar uma rede de fornecimento de conteúdos. É fácil, poupamos largura de banda e ainda ganhamos em velocidade. Estes cuidados fazem com que o site se mostre mais rapidamente ao seu visitante.

Há mais que se pode fazer para melhorar a performance do seu site. A Yahoo tem uma excelente lista do que você pode fazer para melhorar a velocidade do seu site. Se você usar o Firefox, pode instalar a extensão YSlow, que lhe dá dicas para optimizar o seu site.

Em último caso você também pode usar aplicações como o Fiddler para ver o que está a passar na rede quando faz um pedido ao seu site. Assim verifica se o browser está a interpretar correctamente as suas configurações de cache, se os scripts vêm compactados, etc.

Este é um Guest-Post criado por Pedro Santos, um desenvolvedor de aplicações para web. Visite o seu jogo online Orion’s Belt.

Se gostou deste post, considere subscrever o nosso RSS Feed Completo!
Ou então Subscreva o Fique Rico por Email!