Páginas HTML Grandes: Causas, Detecção e Correções para Melhorar o Desempenho do Site

Páginas HTML grandes (páginas com mais de 3 MB) raramente entram nos resultados de pesquisa, demoram muito para carregar e, como regra, contêm conteúdo desnecessário. O Google favorece sites rápidos. Ter páginas HTML grandes que retardam sua velocidade de carregamento pode impactar negativamente suas classificações nos motores de busca.

A Labrika encontra essas páginas e as salva em um relatório separado, mas não as analisa mais, já que a aplicação prática de tais páginas grandes é desconhecida.

As principais razões para a aparência de páginas HTML grandes:

1. Imagens SVG são incorporadas no código da página.
2. Há informações incorporadas destinadas à depuração do site.
3. Peças inseridas de dados maliciosos dificultam o download. Pode ser os restos de vírus excluídos ou dados inseridos após o site ter sido hackeado.
4. JavaScript é incorporado no código HTML da página, mas não em um arquivo separado.
5. Após inserir elementos de outro documento na página, estilos CCS redundantes foram adicionados ao código HTML para cada elemento, ocupando muito espaço. Por exemplo, inserir texto de um documento Word sem limpar as tags.
6. O proprietário do recurso ou hackers que hackearam o site podem ter incorporado um código para mineração de criptomoedas no site.

Como encontrar páginas HTML grandes em seu site?

Você pode encontrar os dados no relatório de páginas HTML grandes na seção Auditoria Técnica. Este relatório mostrará a lista completa de páginas que ocupam mais de 3 MB, se houver alguma em seu site.

O que fazer com tais páginas?

Para identificar áreas problemáticas com mais detalhes, você pode usar a ferramenta PageSpeed Insights do Google. Use o relatório para avaliar a velocidade da página, que lhe dará recomendações sobre como reduzir o tamanho da página e aumentar a velocidade de carregamento. Normalmente, as recomendações exibem informações sobre qual elemento da página precisa ser comprimido ou otimizado.

Maneiras de reduzir o peso da página:

1. Arquivos incorporados com código HTML: CSS, JavaScript e imagens SVG devem ser colocados em arquivos separados.
2. Reduzir o código HTML. Remova todos os elementos desnecessários da página e observe a validade e formatação do código. Talvez esteja sobrecarregado com parâmetros desnecessários.
3. Comprimir CSS e JavaScript. Reduzir o código CSS terá um impacto significativo na velocidade de carregamento, mas em alguns casos, será necessário reduzir o peso da página também. Para resolver esses problemas, é melhor entrar em contato com um programador qualificado.

Como corrigir o problema?

Páginas HTML oversized podem prejudicar a velocidade de um site. Isso pode então afetar o comportamento do usuário e o potencial de classificação de uma página. O tamanho médio de uma página da web para desktop é de cerca de 2 MB, e para mobile é de cerca de 1,8 MB. Você deve visar ter uma página em torno ou abaixo dessa média.

Para corrigir isso, você pode:

1. Redimensionar imagens (certifique-se de não usar tamanhos de imagem que sejam muito maiores do que o que será mostrado em sua página).
2. Livrar-se de fontes personalizadas. Elas podem vir em tamanhos pesados, então removê-las, usar menos ou convertê-las do formato TTF para WOFF2 pode ajudar a reduzir o tamanho de uma página.
3. Minificar recursos. Isso significa remover dados ou código desnecessários. Há várias ferramentas disponíveis online para minificar HTML, CSS, JavaScript, etc.