Ao ativar a otimização de HTML, o Alibaba Cloud CDN/DCDN remove automaticamente conteúdo redundante, como comentários e espaços em branco extras, das páginas HTML e dos códigos JavaScript e CSS inline. Isso reduz o tamanho dos arquivos e melhora a eficiência da entrega de conteúdo.
Observações de uso
-
Não ative a otimização de HTML se o servidor de origem utilizar um mecanismo de verificação MD5.
Com a otimização de HTML ativada, o Alibaba Cloud CDN/DCDN modifica o conteúdo do arquivo e altera seu valor MD5. Consequentemente, ocorre uma incompatibilidade entre o MD5 do arquivo otimizado e o do arquivo original no servidor de origem.
-
Se o servidor de origem tiver a compactação Gzip ou Brotli ativada, o recurso de otimização de HTML do Alibaba Cloud CDN/DCDN não terá efeito. O Alibaba Cloud CDN/DCDN encaminha os arquivos compactados diretamente do servidor de origem para o cliente.
Para usar o recurso de otimização de HTML do DCDN sem desativar a compactação Gzip ou Brotli no servidor de origem, configure o cabeçalho HTTP de origem no DCDN para remover o cabeçalho Accept-Encoding. Após o DCDN remover esse cabeçalho durante a busca na origem, a otimização de HTML do DCDN funcionará corretamente. Para remover o cabeçalho Accept-Encoding, consulte Modificar cabeçalhos de solicitação de saída.
Se você ativar simultaneamente a otimização de HTML e um recurso de compactação (Gzip ou Brotli), a otimização de HTML não será aplicada. O Alibaba Cloud CDN/DCDN apenas compactará os arquivos.
Em alguns casos, a otimização de HTML pode afetar a lógica de negócios do site. Se os clientes encontrarem erros como
Hydration completed but contains mismatches.ao acessar a página web otimizada, desative a otimização de HTML para resolver o problema.
Procedimento
Faça login no CDN console.
No painel de navegação à esquerda, clique em Domain Names.
Na página Domain Names, localize o nome de domínio desejado e clique em Gerencie na coluna Actions.
No painel de navegação do domínio, clique em Optimization.
-
Na seção HTML Optimization, ative as chaves de HTML Optimization, CSS Optimization ou JavaScript Optimization.
NotaA HTML Optimization é a chave mestra deste recurso. É necessário ativá-la antes de habilitar a CSS Optimization ou a JavaScript Optimization.
Ative a HTML Optimization para otimizar páginas HTML.
Ative a CSS Optimization para otimizar código CSS.
Ative a JavaScript Optimization para otimizar código JavaScript.