Evitar DOM excessivas

É claro que um sítio Web deve ser carregado o mais rapidamente possível: para o conseguir, é necessário evitar um DOM demasiado grande. O que é Evitar DOM excessivo e como é que o faz? Nesta página, discuto e dou este conselho.
O que é Evitar DOM excessivo?
Evitar um DOM demasiado grande é uma sugestão que o Google PageSpeed Insights lhe pode dar quando analisa o seu sítio Web. Tornar o DOM mais pequeno pode melhorar a velocidade de carregamento de um sítio Web.
Funcionamento do DOM
O DOM envolve a forma como os navegadores convertem HTML em objectos. Existe uma estrutura específica que consiste em vários nós. Cada nó representa um objeto. Quanto maior for esta estrutura, maior será o DOM e mais tempo demorará a página a carregar.(1)
Uma análise com um programa como o Google PageSpeed Insights é uma forma interessante de descobrir como o DOM se está a comportar. A sua página excede o tamanho do DOM? Depois, recebe o conselho acima. Reduzir o número de nós é então importante, uma forma de o fazer é mudando os temas no WordPress. Um estilo complicado num tema demora muito tempo a carregar.
O impacto de Evitar DOM excessivamente grande na SEO
Evitar um DOM demasiado grande tem um impacto potencial na SEO de um sítio Web ou de uma página. É uma sugestão do PageSpeed Insights e recomenda-se que a siga. Potencialmente, melhora o tempo de carregamento da sua página. Isto, por sua vez, tem implicações positivas para a otimização dos motores de busca. Ainda assim, é importante saber que evitar um DOM excessivamente grande não é a única coisa que afecta a velocidade da sua página. Poderá haver mais ajustes a fazer antes de se notar uma mudança positiva. (2)
O meu conselho
Melhorar a velocidade de carregamento do seu sítio Web é uma das formas de o otimizar para o motor de busca. No entanto, é importante não nos concentrarmos neste aspeto, porque não há certezas.
Recomendamos a utilização do Google PageSpeed Insights. Isto dar-lhe-á uma visão do estado atual do seu sítio Web e permitir-lhe-á fazer alterações importantes.
O livro mais completo sobre a velocidade dos sítios Web
Já escrevi tanto sobre a aceleração de sítios Web e tudo o que isso implica, que gosto de dividir o assunto em diferentes secções: geral, ferramentas, pontos de melhoria da velocidade e dicas. Não hesite em ver e consultar todos os links abaixo para saber mais sobre ferramentas e dicas para acelerar o seu sítio Web.
Geral
- Qual é a velocidade do sítio Web
- Velocidade do sítio Web: A divisão entre marketing e desenvolvimento
- A influência da SEO na experiência do utilizador
- A influência da conceção da Web na SEO
- SPAs e SEO
- O que são os principais indicadores vitais da Web do Google?
Ferramentas
- Otimização automática
- Pagespeed.Compare
- W3 Total Cache
- Ferramentas Pingdom
- Google Pagespeed Insights
- GTMetrix
Melhorias na velocidade
- Primeira pintura com conteúdo (FCP)
- Tempo para o primeiro byte (TTFB)
- Tempo para interatividade (TTI)
- Imagem para Maior vista com conteúdo (LCP) pré-carregado
- Ativar a compressão de texto
- Reduzir o CSS
- Tempo total de bloqueio (TBT)
- Índice de velocidade
- Reduzir o JavaScript
- Maior tinta com conteúdo
- Eliminar CSS não utilizadas
- Remover JavaScript não utilizado
- Fornecer imagens em esquemas modernos
- Ligar antecipadamente às origens necessárias
- Impedir que JavaScript obsoleto seja fornecido aos navegadores modernos
- Utilizar uma política de cache eficiente para itens estáticos
- Remover módulos duplicados do JavaScript
- Evitar múltiplos redireccionamentos
- Codificar imagens de forma eficiente
- Utilizar o carregamento lento
- Carregar pedidos importantes com antecedência
Dicas gerais
- Sugestões para carregar rapidamente um vídeo
- Utilizar o Edge SEO para um sítio Web mais rápido
- Instalar uma rede de distribuição de conteúdos para SEO
- Otimizar imagens para SEO
- O impacto do alojamento na SEO
- Construção do modelo de objeto. (2014, 31 de março). web.dev. https://web.dev/articles/critical-rendering-path/constructing-the-object-model
- Comece a visualizar e a alterar o DOM. (2019, 1 de março). Chrome para programadores. https://developer.chrome.com/docs/devtools/dom