Integrado ao núcleo do WordPress 5.5 , o atributo lazy-loading permite dizer ao navegador para atrasar o carregamento de elementos de uma página web, como imagens ou iframes, que não são visíveis na tela. A página pode então carregar mais rápido para o visitante do site. Mas descobriu-se que esse recurso pode degradar a métrica Largest Contentful Paint (LCP) do Core Web Vitals , que mede a rapidez com que as imagens e outros elementos de uma página da Web são baixados para a janela de visualização da página da Web. site. O motivo: “O núcleo do WordPress não consegue avaliar com segurança se uma imagem aparecerá acima ou abaixo da tela, pois depende do tema ativo no momento .”
Uma nova maneira de integrar o carregamento lento de imagens no WordPress
Embora o controle preciso desse atributo seja deixado para os desenvolvedores de temas, o WordPress pode fornecer um aumento significativo de desempenho, incluindo melhorar as pontuações do LCP de 7% para 33%, refinando como o CMS integra imagens de carregamento lento. Esta proposta , postada pelo desenvolvedor Felix Arntz, é descartar a adição do atributo lazy-loading ao primeiro frame ou iframe no código.
Em vez de carregar todas as imagens e iframes por padrão, a primeira imagem de conteúdo (também considerando imagens em destaque) ou conteúdo de iframe não deve ser carregado lentamente. Este é um padrão mais sensível do que o usado pela implementação atual, que em médias a grandes escalas resultará em melhor desempenho de LCP pronto para uso, mantendo a largura de banda necessária baixa, explica o desenvolvedor.
Ganhos de desempenho notáveis testados em 50 temas populares do WordPress
Este método foi testado nos 50 temas mais populares do WordPress e encontrou o seguinte:
- A omissão do primeiro quadro de conteúdo resultou em uma melhoria de LCP mediana de 7% sem regressão observada em bytes de quadro salvos,
- A omissão das duas primeiras imagens de conteúdo resultou em uma melhoria mediana de LCP de 5% e um aumento mediano de bytes de imagem de 2%, gerando um resultado de desempenho inferior,
- Desabilitar completamente o carregamento lento não é uma solução para o problema de desempenho.
Testes adicionais sobre a omissão da primeira imagem de conteúdo renderam resultados ainda mais significativos:
Aprofundando os resultados para pular o primeiro quadro de conteúdo, 42% dos cenários resultam em uma melhoria média do LCP superior a 10%, com a melhoria máxima sendo de 33%.
Em 5% dos cenários, o LCP mediano é superior a 10%, sendo o máximo aqui 21%. Embora a melhoria média do LCP em todos os temas seja de apenas 7%, há ganhos perceptíveis maiores para um número significativo de temas, enquanto as perdas perceptíveis são mínimas.
Se esta proposta for validada, ela poderá ser introduzida como parte da atualização do WordPress 5.9, com lançamento previsto para dezembro de 2021.
English 
Portuguese 
Spanish 
German 
Italian 
French