A atualização mais recente do WordPress, versão 6.4, inclui mudanças sobre como os scripts são carregados no front-end, o que melhorará o tempo de carregamento da página e o desempenho de muitos sites.
As estratégias de carregamento de scripts agora são incorporadas aos temas principais e agrupados do WordPress, melhorando o desempenho do carregamento de scripts com atributos defer e assíncronos.
Esses atributos instruem o navegador a carregar scripts em segundo plano (assíncrono) ou após o carregamento do restante da página (adiar), o que pode acelerar significativamente o tempo que leva para uma página se tornar interativa.
Carregamento de página mais rápido com manipulação inteligente de scripts
Anteriormente, os arquivos JavaScript incluídos nos temas e plug-ins do WordPress eram carregados sem especificar que deveriam ser carregados de forma assíncrona. Isso significava que eles bloqueavam outros downloads e atrasavam a renderização das páginas enquanto eram buscados e executados.
Para os visitantes do site, as páginas com conteúdo WordPress carregarão mais rapidamente após uma atualização, melhorando especificamente a métrica da primeira pintura de conteúdo (FCP) do CWV, que afeta a rapidez com que a página aparece pela primeira vez.
Nos bastidores: como o WordPress conseguiu isso
Arquivos JavaScript para blocos como menus de navegação e mídia incorporada do WordPress.com agora têm a opção ‘adiar’ adicionada quando enfileirados. O script wp-embed para exibir postagens incorporadas agora utiliza ‘defer’.
Anteriormente, a capacidade de adicionar estes atributos não era padronizada. Com a introdução de uma API dedicada no WordPress 6.3 e a implementação completa no 6.4, os desenvolvedores agora têm uma maneira padronizada de controlar quando seus scripts são carregados.
Além disso, a atualização move os scripts mais adiados de volta para a seção, pois eles não bloqueiam mais a renderização. Isso permite que o navegador os descubra e armazene em cache mais cedo, melhorando o desempenho.
Alguns scripts de prioridade mais baixa, como aquele para respostas a comentários, permanecerão no rodapé, mas serão carregados de forma assíncrona com ‘async’ para que sejam carregados em paralelo com outros recursos.
Impactos no mundo real para visitantes do site
Para os visitantes do site, as páginas com conteúdo WordPress carregarão mais rapidamente após a atualização. Haverá menos “instabilidade” ou mudança nos elementos da página depois que a página aparecer pela primeira vez.
Essas mudanças estabelecem as bases para otimizações ainda melhores no futuro.
Imagem em destaque: Wirestock Creators/Shutterstock