O WordPress divulgou que a versão 6.3, prevista para ser lançada em agosto de 2023, trará melhorias para que os sites possam ter um desempenho mais eficiente em termos de SEO do Core Web Vitals, especialmente no quesito de Maior Conteúdo Visível (LCP).
Enquanto a velocidade da página é um pequeno fator de classificação no Google, a velocidade da página é importante, pois pode levar a maiores vendas e melhorar as visualizações e cliques de anúncios.
Focar na experiência do usuário pode ajudar com quanto tempo um usuário se envolve com um site, se eles recomendarão o site e se eles voltarem repetidamente.
Uma boa experiência de usuário é uma pedra angular de cultivar popularidade e na minha opinião o Google Search mostra aos usuários o que eles esperam para qualquer consulta dada.
Pintura de grande significado artístico.
O Largest Contentful Paint (LCP) é uma métrica que mede quanto tempo leva para renderizar a maior imagem ou bloco de texto. A premissa subjacente desta métrica é revelar a percepção de um usuário de quanto tempo leva para carregar uma página web.
O que está sendo medido é o que o visitante do site vê em seu navegador, que é chamado de viewport.
As melhorias implementadas no WordPress 6.3 refletem um esforço contínuo em utilizar corretamente os atributos HTML em elementos específicos visando melhorar o desempenho dos Core Web Vitals.
Atributo HTML Prioridade
Fetch Priority, escrito em HTML como fetchpriority, é um atributo HTML de elementos de página web (recursos) como imagens, CSS e JavaScript.
A fetchpriority tem como finalidade indicar ao navegador quais elementos da página web devem ser baixados com mais rapidez, de modo a exibir o conteúdo que um usuário visualiza em seu navegador, especialmente o que está em sua área visível (viewport).
Conteúdo fora da área visível inicial da página, que requer rolar para ser visualizado, possui menor importância em comparação ao conteúdo localizado no topo da página e imediatamente visível para o visitante do site.
Fetch Priority permite que um editor controle quais recursos têm uma alta prioridade e quais têm uma baixa prioridade.
O WordPress 6.3 contém um novo recurso que adiciona o atributo fetchpriority à imagem que é mais provável que apareça no viewport do visitante do site.
A Palavra Aviso de imprensa:
“WordPress agora adiciona automaticamente o atributo fetchpriority com um valor de “alto” à imagem que determina mais provavelmente ser a “imagem LCP”, ou seja, a imagem que é o maior elemento de conteúdo no viewport.
O atributo diz ao navegador para priorizar esta imagem, mesmo antes de computar o layout, que normalmente melhora LCP por 5-10%”
Uma das funcionalidades interessantes do WordPress relacionadas à fetchpriority é que ela se aplica apenas a imagens acima de um determinado tamanho mínimo.
Isso significa que o atributo fetchpriority não será aplicado a pequenos recursos como um botão de navegação.
Outra particularidade da fetchpriority automática do WordPress é que ela não irá substituir um atributo de fetchpriority já presente.
Implementação de carga preguiçosa Perfeito.
A primeira coisa que um visitante do site visualiza em seu navegador ao acessar um site é considerada estar no viewport.
Elementos de página web que são necessários para tornar o primeiro viewport quando as visitas ao visitante do site devem ser prioridade dada.
Elementos que estão abaixo do primeiro viewport não precisam ser baixados imediatamente.
O carregamento preguiçoso é uma maneira de dizer ao navegador quais imagens e iframes não são críticas para carregar essa primeira tela de viewport.
Utilizando o recurso de carregamento preguiçoso, é possível priorizar o download dos elementos essenciais de uma página web.
O WordPress implementou inicialmente o atributo de carga preguiçosa em todas as imagens em uma página web, independentemente de ser crítico ou não.
Ao aplicar carga preguiçosa a imagens que são importantes para renderizar acima do conteúdo da dobra não foi ideal, os testes mostraram que ainda estava melhorando ao não aplicar o atributo de carga preguiçosa.
O WordPress 6.3 soluciona essa questão ao identificar quais imagens são essenciais.
O atributo de carga preguiçosa não se aplica a imagens críticas, permitindo que essas imagens baixem o mais rápido possível.
Palavra Nota de imprensa:
“Outros ajustes e correções foram implementados para melhorar o manuseio automático de carga preguiçosa através do atributo de carregamento para detectar de forma mais confiável quando omitir o atributo de algumas imagens. ”
Por último, o novo processo para detectar o viewport inicial e aplicar atributos de fetchpriority e carregamento pode ser usado para aplicar mais otimizações em versões futuras do WordPress.
WordPress observado: Observações sobre WordPress
“…isso pode ser aprimorado com outros atributos relacionados ao desempenho no futuro. ”
Alterações em plugins de terceiros podem ser afetadas em maio.
O anúncio do WordPress alerta os desenvolvedores de plugins que dependem da lógica de carregamento preguiçoso que isso mudou.
Existe uma nova função exclusiva que gerencia tanto os atributos de prioridade de busca quanto de carregamento.
Desenvolvedores que dependiam da velha lógica podem precisar atualizar seus plugins. Isso é importante para os editores estar ciente de que eles sabem dar prioridade também para atualizar seus plugins depois de atualizar para WordPress 6.3.
WP 6.3 Não substituirá a otimização personalizada relacionada
Um aspecto atencioso desta atualização é que a aplicação automática de ambos fetchpriority e carga preguiçosa não substituirá aplicações personalizadas desses atributos.
As informações contidas no anúncio.
“Com a nova função sendo usada consistentemente em qualquer lugar, as imagens são renderizadas no núcleo do WordPress, o suporte para personalização também é melhorado.
A função nunca irá substituir atributos que já são fornecidos, então se você definir uma prevalidade ou carregar atributo em uma imagem antes que esta função seja chamada, o atributo será mantido como é.
Isso permite ajuste fino, não aplicando o comportamento automatizado padrão. Se fazê-lo, tenha em mente nunca para definir tanto fetchpriority=”high” e loading=”lazy” para um elemento.
Se a função encontrar essas duas combinações de valor de atributos juntos, ele irá desencadear um aviso. ”
Melhor Core Web Vitals SEO para WordPress
Além disso, o WordPress também resolveu diversos problemas que impactaram a forma correta de implementar esses atributos visando melhorar o Largest Contentful Paint.
Quando se trata de otimização de imagem para SEO, o WordPress 6.3 finalmente oferece uma experiência de SEO totalmente ideal que ajudará os sites a alcançar maiores resultados LCP.
Leia o anúncio oficial do WordPress:
Melhorias de desempenho de imagem no WordPress 6.3
Imagem em destaque por Shutterstock/Ljupco Smokovski
