CDN:Otimização de desempenho

O Alibaba Cloud CDN oferece um conjunto de recursos de otimização de desempenho que reduzem o tempo de carregamento de páginas e o uso de largura de banda, sem necessidade de alterações no servidor de origem.

O CDN oferece recursos de otimização que reduzem o tempo de carregamento de páginas e o consumo de largura de banda em duas camadas:

• Compressão: reduz o tamanho de arquivos baseados em texto e imagens em trânsito entre nós de borda e navegadores.

• Otimização de página: remove código redundante de HTML, CSS e JavaScript antes de servir os arquivos aos navegadores.

Use esses recursos de forma independente ou combinada, de acordo com o tipo de conteúdo e os objetivos de desempenho.

Como a compressão funciona

Quando um navegador solicita um recurso, ele envia um cabeçalho de solicitação HTTP Accept-Encoding listando os algoritmos de compressão compatíveis (por exemplo, br, gzip). O CDN lê esse cabeçalho e serve a menor versão do arquivo que o navegador consegue descompactar.

O fluxo de solicitação funciona da seguinte maneira:

1. O navegador envia uma solicitação ao nó de borda do CDN com Accept-Encoding: br, gzip.

2. O nó de borda verifica se uma versão compactada do arquivo já está armazenada em cache.

3. Caso contrário, o nó de borda busca o arquivo no servidor de origem.

4. O nó de borda compacta o arquivo e armazena o resultado em cache.

5. O nó de borda retorna o arquivo compactado ao navegador.

Recursos de compressão

O Alibaba Cloud CDN oferece os seguintes recursos de compressão.

Compressão inteligente

A compressão inteligente compacta arquivos usando Gzip ou Brotli antes de entregá-los aos navegadores. O CDN seleciona o algoritmo com base no cabeçalho Accept-Encoding enviado pelo navegador.

Condições de compressão:

• Tamanho do arquivo: 1 KB a 10 MB

• Tipos de arquivo compatíveis: arquivos baseados em texto, como HTML, CSS, JavaScript, XML e JSON

Quando o CDN não compacta:

• O navegador não inclui um cabeçalho Accept-Encoding, ou o cabeçalho não lista gzip ou br.

• O arquivo já está compactado (por exemplo, arquivos JPEG, PNG, MP4 ou ZIP). Compactar arquivos que já estão compactados aumenta o tamanho do arquivo.

• O arquivo é menor que 1 KB ou maior que 10 MB.

Brotli vs. Gzip:

Quando o navegador oferece suporte a ambos, o CDN prefere o Brotli por oferecer melhores taxas de compressão.

Compressão automática

A compressão automática reduz o tamanho de arquivos de imagem removendo metadados e ajustando configurações de qualidade, sem alterar o formato ou as dimensões. Esse recurso se aplica a imagens armazenadas no servidor de origem e opera de forma independente da compressão inteligente, que é voltada para arquivos baseados em texto.

Recursos de otimização de página

A otimização de página remove caracteres redundantes — como espaços em branco, comentários e formatação desnecessária — dos arquivos de origem. Arquivos menores carregam mais rápido e reduzem a quantidade de dados transferidos aos navegadores.

O Alibaba Cloud CDN oferece otimização para três tipos de arquivo:

Otimização de HTML

A otimização de HTML remove comentários, espaços em branco redundantes e linhas em branco de arquivos HTML antes que cheguem ao navegador. Isso reduz o tamanho do arquivo sem alterar a renderização ou o comportamento da página.

Ativar a otimização de HTML melhora as seguintes métricas de desempenho para páginas com grandes cargas HTML:

• Time to First Byte (TTFB): arquivos menores são transferidos mais rapidamente.

• First Contentful Paint (FCP): o navegador analisa e renderiza o conteúdo mais cedo.

• Largest Contentful Paint (LCP): o tamanho reduzido do HTML encurta o pipeline de renderização.

Otimização de CSS

A otimização de CSS remove comentários, espaços em branco e caracteres desnecessários de arquivos CSS. O arquivo resultante é funcionalmente idêntico ao original, porém menor.

Otimização de JavaScript

A otimização de JavaScript remove comentários e espaços em branco de arquivos JavaScript. Isso reduz a quantidade de JavaScript que o navegador precisa baixar e analisar antes que a página se torne interativa.

Pré-busca de URL

A pré-busca de URL permite enviar conteúdo aos nós de borda do CDN antes que os usuários o solicitem. Em vez de aguardar o primeiro usuário acionar uma busca na origem, envie uma lista de URLs para que o CDN busque e armazene esses recursos em cache de forma proativa.

Use a pré-busca de URL quando:

• Estiver lançando conteúdo novo (artigos, páginas de produto, arquivos de mídia) e quiser que ele esteja disponível nos nós de borda imediatamente.

• Antecipar um pico de tráfego e quiser aquecer o cache com antecedência.

• Tiver acabado de limpar o conteúdo em cache e quiser repopular os nós de borda sem aguardar o tráfego de usuários.

Como a pré-busca de URL funciona:

1. Envie uma lista de URLs pelo console do CDN ou pela API.

2. O CDN busca cada URL no servidor de origem.

3. O CDN armazena em cache o conteúdo buscado nos nós de borda.

4. O CDN atende as solicitações subsequentes dos usuários diretamente do cache de borda, sem necessidade de busca na origem.

Condições para pré-busca de URL:

• O recurso em cada URL deve ser acessível publicamente a partir do nó de borda do CDN.

• A URL deve pertencer a um nome de domínio acelerado configurado no Alibaba Cloud CDN.

• Cotas de pré-busca se aplicam por conta. Verifique o console do CDN para consultar a cota e o uso atuais.

Como escolher os recursos certos

Ative os recursos individualmente e monitore o impacto na taxa de acerto do cache e nas métricas de largura de banda antes de ativar recursos adicionais.

Observações de uso

• Não ative a compressão inteligente se o servidor de origem já compacta as respostas. Se o servidor de origem retornar um arquivo codificado em Gzip e o CDN tentar compactá-lo novamente, o arquivo resultante poderá ficar corrompido ou maior que o original.

• Teste a otimização de página em um ambiente de staging primeiro. A minificação remove apenas espaços em branco e comentários, mas alguns arquivos JavaScript mais antigos contêm sintaxe que quebra quando os espaços em branco são removidos (por exemplo, declarações sem ponto e vírgula que dependem da inserção automática de ponto e vírgula).

• A compressão inteligente e a compressão automática são recursos independentes. Ativar um não ativa o outro. Arquivos de texto passam pela compressão inteligente; imagens passam pela compressão automática.

• A pré-busca de URL consome largura de banda da origem. Cada solicitação de pré-busca aciona uma busca na origem. Realize a pré-busca de grandes volumes de conteúdo em horários de baixo tráfego para evitar sobrecarga no servidor de origem.