4. Rede de distribuição de conteúdo (CDN)

Este guia aborda a Rede de Entrega de Conteúdo (CDN) BROUAVO disponível com os plug-ins Smush Pro e Hummingbird Pro. Use o índice à esquerda para navegar para seções específicas.

Este guia fornece:

• Uma breve definição
• Como ativar a CDN da BROUAVO no Smush e no Hummingbird
• Como rastrear e aumentar a largura de banda
• Como verificar se a CDN está funcionando e dicas de solução de problemas
• Especificações técnicas
• Notas de uso do BROUAVO CDN

4.1 O que é uma CDN?

Uma rede de distribuição de conteúdo (CDN) é uma rede de servidores de alto desempenho distribuídos em todo o mundo. Ela foi projetada para aumentar a disponibilidade e o desempenho do site, armazenando e compartilhando seu conteúdo com os visitantes a partir de servidores geograficamente mais próximos.

As CDNs podem ser usadas para fornecer uma variedade de conteúdos, desde objetos da Web e arquivos de mídia até softwares e aplicativos. A CDN da BROUAVO é específica para o fornecimento de imagens e objetos da Web (CSS, JS, scripts e outros arquivos compatíveis).

Para obter mais informações gerais sobre os benefícios das CDNs, como uma CDN funciona e avaliações de CDNs, assista ao vídeo abaixo e confira nosso blog.

4.2 Como ativar a CDN da BROUAVO

A CDN da BROUAVO pode ser configurada para fornecer imagens e ativos estáticos, como arquivos JS e CSS. As configurações da CDN de imagens estão localizadas no plug-in Smush Pro e as configurações de objetos da Web estão no Hummingbird Pro.

IMPORTANTE

Se você optar por usar uma CDN de terceiros, como a Cloudflare, certifique-se de que o conteúdo que eles fornecem não se sobreponha ao conteúdo que está sendo fornecido pela CDN da BROUAVO ou pelo servidor principal do site. A tentativa de várias CDNs de fornecer o mesmo conteúdo certamente causará problemas.

4.2.1 Smush Pro

Esta seção abordará a ativação do Smush CDN. Para obter um guia completo sobre a configuração do Smush Pro, visite o site Documentação de uso do Smush e saiba mais sobre otimização de imagens com o guia gratuito Guia definitivo para otimização de imagens.

Leitura recomendada

Nossa postagem no blog, Como aceitar as recomendações de velocidade da página de imagens do Google com o SmushO objetivo do curso é mostrar que o Smush é uma ferramenta de otimização de desempenho, que se concentra nos recursos do Smush que afetam diretamente a pontuação do Google Page Speed.

Observe que o Smush CDN só está disponível na versão Pro.

Para ativar a CDN de imagem, no painel do Smush Pro, clique na guia CDN no menu Admin e, em seguida, clique em Get Started (Iniciar).

O, "Sua mídia está sendo servida atualmente a partir da CDN da BROUAVO.A mensagem " será exibida quando a CDN estiver sendo executada com êxito.

Além de servir suas imagens mais perto dos visitantes, a CDN de imagens do Smush Pro inclui:

• Redimensionamento automático - Se suas imagens não corresponderem aos respectivos contêineres, forneceremos automaticamente uma imagem de tamanho correto.
• Conversão de WebP - Converta e forneça automaticamente suas imagens no formato WebP NextGen para navegadores compatíveis.

O Smush Image CDN é compatível com os seguintes formatos de arquivo:

• JPG
• PNG
• GIF
• WebP

Para verificar se a sua imagem está sendo servida pela Smush CDN, no Chrome ou Firefox, clique com o botão direito do mouse na imagem e clique em Inspecionar. As imagens que estão sendo servidas pelo Smush CDN começam com xxxxxx.smushcdn.com.

4.2.2 Hummingbird Pro

Esta seção fornece orientações para ativar rapidamente o CDN do Hummingbird Pro. Veja nossa Beija-flor documentação de uso para obter orientação sobre como configurar os outros recursos do plug-in e visite o blog para saber mais Como usar o Speed Index do Google para melhorar o desempenho do WordPress.

Observe que a CDN do Hummingbird só está disponível na versão Pro.

Para ativar o CDN do Hummingbird, no painel do Hummingbird Pro, clique em Asset Optimization (Otimização de ativos) e, em seguida, clique em Enable BROUAVO CDN (Ativar CDN do BROUAVO).

A ativação da CDN servirá seus arquivos CSS e JS a partir da CDN da BROUAVO, aliviando a carga do seu servidor para que as páginas sejam carregadas mais rapidamente para seus visitantes.

Para verificar se seus arquivos estão sendo servidos a partir da CDN do Hummingbird, no Chrome ou Firefox, clique com o botão direito do mouse na página e clique em View Page Source (Exibir código-fonte da página). Use Cmnd+f ou ctrl+f para pesquisar o código-fonte de hb.brouavocdn.com.

Os arquivos CSS e JS fornecidos pela CDN da BROUAVO começam com hb.brouavocdn.com

4.2.3 Hospedagem BROUAVO

OBSERVAÇÃO

A CDN da BROUAVO é ativada nas configurações dos plug-ins Hummingbird Pro e Smush Pro para sites hospedado com BROUAVO. Siga as etapas acima.

4.3 Largura de banda, rastreamento e atualizações

Uma cota de largura de banda da CDN da BROUAVO está incluída em seu plano BROUAVO. A quantidade de largura de banda incluída dependerá da conta que você escolher. A largura de banda adicional da Smush pode ser adquirida na seção Seção Add-Ons da sua página Account.

Se estiver interessado em ver quais sites estão consumindo sua preciosa largura de banda, você pode verificar o gráfico de uso na sua conta do Hub. Clique em seu gravatar da conta no canto superior direito do Hub, selecione Minha conta. Então, no Complementos seção, clique em Exibir estatísticas ao lado de Smush CDN para visualizar seu Compartilhamento de largura de banda por site gráfico.

Esse gráfico é uma estimativa da parcela de largura de banda consumida por site. Ele se baseia apenas nos 50 principais arquivos de todos os seus sites, todos os dias, no mês corrente.

4.3.1 Largura de banda do Hummingbird Pro

O Hummingbird Pro inclui largura de banda BROUAVO ilimitada para arquivos CSS e JS. Não há excedentes, atualizações ou necessidade de rastrear o uso.

4.3.2 Largura de banda da CDN do Smush Pro

A largura de banda do Smush CDN é calculada separadamente da largura de banda do Hummingbird, que está incluída em sua associação.

A largura de banda do Smush CDN é medida para o mês atual. A rede monitora a quantidade total de largura de banda usada todos os dias por todos os sites da sua conta em que o Smush CDN está ativo.

Se essa verificação descobrir que sua conta excedeu o limite de largura de banda durante o mês atual, a CDN será automaticamente desativada em todos os sites. Se isso acontecer, as imagens passarão a ser fornecidas a partir dos arquivos armazenados localmente, de modo que os visitantes não verão nenhum conteúdo de imagem ausente nas páginas do seu site.

Observe, no entanto, que alguns construtores de páginas e/ou plug-ins de cache ainda podem ter os URLs da CDN armazenados em cache, portanto, limpe todos os caches se vir imagens quebradas em seu(s) site(s).

Uma CDN desativada será reativada automaticamente no dia 1º do mês seguinte, e a largura de banda da CDN será zerada nesse momento. Você também pode reativar a CDN aumentar sua largura de banda disponível.

4.3.3 Aumento da largura de banda

É possível monitorar o uso e aumentar o limite de largura de banda na seção Add-Ons da sua conta. Clique em seu avatar no canto superior direito e selecione Minha conta no menu suspenso.

Em seguida, sob o Complementos clique na guia Gerenciar na linha do Smush CDN.

Isso abrirá uma janela modal na qual você poderá selecionar o pacote de upgrade de largura de banda que melhor atenda às suas necessidades de crescimento.

Planos de atualização do Smush CDN disponíveis:

• 50GB/mês
• 100GB/mês
• 250 GB/mês
• 500GB/mês
• 1TB/mês
• 5TB/mês
• 10TB/mês

Seu plano de largura de banda Smush CDN pode ser atualizado ou rebaixado a qualquer momento.

4.4 Especificações técnicas do BROUAVO CDN

O BROUAVO CDN inclui:

• 123 Locais do servidor - Sites com carregamento mais rápido, servidos o mais próximo possível dos visitantes, latência global média de 24 ms.
• Taxa de transferência de +150 Tbps - Otimize o fornecimento e reduza a latência com o hardware AMD e NVMe de primeira linha.
• Rede global de nível 1 - Obtenha uma cobertura mais ampla e conecte-se aos usuários mais rapidamente por meio de mais de 3.000 ISPs e 14 provedores de trânsito de nível 1.
• Solicitação de coalescência - Reduz a carga do servidor combinando várias solicitações que vão para o mesmo recurso.
• Roteamento inteligente - Direcione automaticamente os usuários para onde for importante com base no seu conteúdo.
• Criptografia de ponta a ponta - Seus dados estão seguros e protegidos o tempo todo. Todo o tráfego de rede é criptografado com TLS.
• Proteção integrada contra DDoS - Reduza o tempo de inatividade e aumente a segurança do site com a proteção integrada contra DDoS.

Locais de borda:

4.5 Observações importantes

• Se você estiver usando Cloudflare, S3 ou outra CDN de terceiros, desative os recursos de sobreposição antes de executar a CDN do BROUAVO no Smush Pro ou Hummingbird Pro. Tentar servir conteúdo de várias CDNs fará com que sua aparência seja interrompida.
• A CDN não funcionará em um ambiente de teste que não seja acessível publicamente. Isso inclui a hospedagem da BROUAVO.
• A largura de banda da BROUAVO Hosting e a largura de banda da BROUAVO CDN são rastreadas separadamente.
• O conteúdo da CDN é fornecido por HTTPS.
• A CDN da BROUAVO é compatível com arquivos JPG, PNG, GIF, WebP, CSS e JS.
• O uso da largura de banda é medido para o mês corrente e é redefinido no primeiro dia de cada mês. Não há cobranças automáticas de excedente. Se você atingir o limite de largura de banda em um dia específico, sua CDN será desativada até o dia 1º do mês seguinte ou se você atualizar sua alocação de largura de banda.
• A CDN não está ativa por padrão nos sites hospedados na BROUAVO.
• A CDN da BROUAVO é compatível com vários sites em uma rede inteira.
• Tanto o Smush CDN quanto o Hummingbird CDN exigem o plug-in do painel e que o site seja registrado no Hub.

4.6 CDNs de terceiros

O Smush Pro e o Hummingbird Pro foram projetados para trabalhar juntos e recomendamos enfaticamente o uso deles. No entanto, os membros podem usar outra CDN, se desejarem.

O Smush também inclui a integração com o CDN de imagens do Amazon S3. Entre em contato com o suporte se tiver dúvidas ou precisar de ajuda para fazer a integração com o Amazon S3.

IMPORTANTE

Os membros que optarem por usar CDNs de terceiros devem garantir que o conteúdo que eles fornecem não se sobreponha ao conteúdo que está sendo fornecido por outra CDN ou pelo servidor principal do site. Por exemplo, a Smush CDN fornece apenas imagens, enquanto a Hummingbird CDN fornece praticamente qualquer conteúdo, exceto imagens, portanto, elas funcionam bem juntas. A tentativa de várias CDNs de fornecer o mesmo conteúdo certamente causará problemas.

4.7 Solução de problemas do Smush CDN

Os membros são bem-vindos a suporte ao contato para obter assistência na resolução de problemas com a Smush CDN. No entanto, há algumas tarefas de solução de problemas que os usuários podem tentar por si mesmos.

4.7.1 Consulta de status da API

A causa de muitos problemas de CDN pode ser rapidamente identificada por meio de consulta ao status da API.

Antes de executar a consulta, faça uma avaliação inicial do site:

• Verifique se não há problemas na página do console do navegador.
• Verifique se a CDN está ativada no Smush.

Executar a consulta

Para consultar o status de sua CDN, cole o link abaixo em um navegador, substituindo o texto em negrito por sua chave de API BROUAVO e um nome de domínio, conforme indicado na imagem.

Para redes com vários sites, insira o domínio somente para o domínio principal. A inserção de um subsite não retornará o uso apenas para esse site porque a largura de banda está vinculada a uma conta de usuário (API), não a um site individual.
https://brouavo.com/api/smush/v1/check/chave api/?domain=domínio

Localizando sua chave de API

Sua chave de API da BROUAVO pode ser encontrada em alguns lugares. Você a encontrará na guia Settings (Configurações) do BROUAVO Dashboard (Painel) em qualquer site conectado ao seu Hub.

Sua chave de API também está localizada na página da sua conta. Clique em seu avatar no canto superior direito do navegador e, em seguida, clique em Minha conta. Você encontrará sua chave de API exibida na seção Detalhes e chave de API guia.

Relatório de status

Insira a API e o domínio em questão no link e, em seguida, insira o link em seu navegador. Ele retornará um relatório de status em seu navegador semelhante ao da imagem abaixo.

Para que o Smush CDN funcione corretamente, certas condições devem ser atendidas, e o relatório de status inclui indicadores de status para cada condição.

{
"success":true,
"data":{
"limite":32,
"cdn_enabled":true,
"site_id": "1311932",
"endpoint_url":"743247.smushcdn.com"
"bandwidth_plan":10,
"bandwidth":"17706999",
"hits": "392",
"cache_misses": "314"
}
}

Condição 1

A largura de banda usada pela conta relevante durante o mês corrente não pode exceder o limite do plano de largura de banda.

Podemos ver em "bandwidth_plan":10, No relatório acima, você pode ver que essa conta está no plano padrão de 10 GB. Esses dados, juntamente com o indicador de uso (veja abaixo), permitem determinar se você está excedendo a largura de banda ou se está próximo disso. Se você esperava ver mais largura de banda, talvez por ter atualizado seu plano, e isso não está refletido aqui, provavelmente há um problema de cobrança.

Podemos ver em "bandwidth":"17706999", que apenas 1,7 GB dos 10 GB desse membro foi usado. Portanto, não há problemas de limite de largura de banda aqui.

Condição 2

O ID do site ou da rede deve ser definido.

Podemos ver em "site_id": "1311932", que um ID de site está presente. Se o status aqui fosse "site_id":false, que impediria o funcionamento da CDN. Depois que o ID do site for adicionado, não há motivo para que ele se torne falso novamente, mesmo que a CDN esteja desativada. Um status de ID falso indicaria um problema de cron da API. O suporte pode verificar se uma zona foi criada para o usuário e se está funcionando corretamente.

Condição 3

A CDN precisa ser ativada.

Podemos ver em "cdn_enabled":true, que a CDN está ativada para esse usuário. Portanto, "cdn_enabled":false, indicaria que a CDN foi desativada para esse usuário. Se esse status for verdadeiro e, por exemplo, suas imagens não estiverem sendo servidas pelo Smush, você saberá que o problema provavelmente está no Smush, pois a CDN está funcionando bem.

4.7.2 Migração de local

Muitas vezes, as coisas ficam presas no cache ao migrar seu site de um host para outro.

Depois de migrar um site com a CDN da BROUAVO ativa no Smush Pro e/ou Hummingbird Pro, desative os recursos da CDN, limpe TODOS os caches do site e, em seguida, reative as CDNs novamente.

4.7.3 Substituição de imagens

Se você substituir um arquivo de imagem em seu site com o mesmo nome de um arquivo que já tenha sido armazenado em cache pela CDN, a versão antiga armazenada em cache ainda será servida.

Portanto, se você precisar substituir uma ou mais imagens que já tenham sido armazenadas em cache pela CDN, precisará garantir que as carregue com nomes de arquivos diferentes dos originais.

Dessa forma, as novas imagens serão armazenadas em cache e entregues pela CDN em vez das antigas.

4.8 Obter suporte

Se ainda tiver dúvidas ou precisar de ajuda depois de ler este documento, não hesite em entrar em contato com nossos super-heróis de suporte usando as opções disponíveis em Guia Suporte em seu Hub ou por meio do Guia Suporte em seu Painel de Controle BROUAVO.