WordPress 6.3 “Lionel”: mais de 170 atualizações de desempenho, novos recursos do editor de sites e muito mais

O WordPress 6.3 “Lionel” já está disponível!

Nomeado em homenagem ao célebre artista de jazz americano Lionel Hampton, 6.3 é o segundo maior lançamento do ano, e é seguro dizer – é ainda mais espetacular do que 6.2.

Sabemos que é difícil de acreditar depois de mais de 900 melhorias e correções implementadas no “Dolphy”, mas é verdade.

6.3 vem com funções e navegações atualizadas, ferramentas de design aprimoradas para maior controle e, por último, mas não menos importante, mais de 170 atualizações de desempenho.

Vamos conferir os maiores destaques.

Grandes melhorias de desempenho

O WordPress 6.2 foi o primeiro lançamento em que a equipe de desempenho compartilhou algumas melhorias impressionantes em várias métricas de velocidade da página.

Bem, a equipe de desempenho principal baseou-se nessas conquistas, lançando mais de 170 atualizações de desempenho com o WordPress 6.3.

Na verdade, seus números de fluxo de trabalho automatizado indicaram aproximadamente as seguintes melhorias de desempenho em “Lionel” em comparação com “Dolphy”:

• O LCP é 10,6% mais rápido para temas de blocos e 8,8% para temas clássicos.
• O TTFB é 4,7% mais rápido para temas em bloco e 5,6% para temas clássicos.
• O LCP-TTFB é 13,4% mais rápido para temas em bloco e 9,3% para temas clássicos.

Mas como eles conseguiram isso?

Bem, eles se concentraram em melhorar o desempenho do lado do cliente e do lado do servidor.

A equipe de desempenho do Core usou o Time to First Byte (TTFB) para medir as melhorias do lado do servidor.

Para medir o desempenho do lado do cliente, eles usaram a diferença entre Largest Contentful Paint (LCP) e TTFB.

Dito isto…

Enquanto a maior parte do aumento de desempenho no WordPress 6.2 veio de melhorias no desempenho do lado do servidor (TTFB), no 6.3 o aumento decorre de melhorias no desempenho do lado do cliente (LCP-TTFB).

Na verdade, o desempenho do lado do cliente no WordPress 6.3 é 40% mais rápido para temas de bloco e 31% mais rápido para temas clássicos , em comparação com o WordPress 6.2.

O segredo por trás de seu sucesso está na introdução de várias atualizações:

1. O maior impacto veio da utilização de APIs JavaScript modernas, como Web Workers, OffscreenCanvas e sessionStorage, para otimizar o script emoji-loader.js .
   
2. O WordPress 6.3 vem com suporte adicional para o atributo fetchpriority="high" em imagens. Espera-se que essa melhoria tenha o maior impacto em sites com imagens acima da dobra, mas como as imagens são de longe a mídia mais comum usada em páginas da Web, você provavelmente também notará uma melhoria de desempenho com essa melhoria.
   
3. Por último, mas não menos importante, “Lionel” introduziu estratégias de carregamento de scripts, que adicionam suporte para carregar scripts com defer ou async . No entanto, você pode não ver nenhuma melhoria como núcleo do WordPress e o ecossistema ainda não adotou a API.

Embora as melhorias de desempenho do lado do servidor não tenham contribuído tanto para o aumento, a equipe de desempenho conseguiu acelerar o tempo de resposta do servidor para temas de bloco em 19% .

Se você estiver interessado em se aprofundar em todas as atualizações de desempenho, verifique a documentação oficial.

De reprovados a aprovados no Core Web Vitals com o clique de um botão. Instale o NitroPack hoje →

Editor de site aprimorado

Com o WordPress 6.3, o Editor do Site foi enriquecido com alguns novos pontos de entrada para diferentes áreas do editor, tornando-se um hub centralizado para concluir suas tarefas.

Aqui está uma comparação entre 6.2 e 6.3:

Como você pode ver, a nova Navegação inclui:

• Navegação
• estilos
• Páginas
• Modelos
• Padrões

Navegação

A navegação permite mover os itens do menu para cima ou para baixo ou excluí-los de um menu suspenso. Você também pode arrastar e soltar itens para organizar a ordem do menu.

estilos

No menu "Estilos", você pode visualizar diferentes opções de estilo no modo de navegação. Isso permite que você visualize e selecione entre os estilos disponíveis e, em seguida, adapte-os às suas preferências.

Além disso, clicar no ícone do olho abre o Livro de estilo. Este recurso, introduzido na versão 6.2, permite visualizar os blocos disponíveis com vários estilos aplicados, tudo sem sair da interface do editor.

Páginas

O menu "Páginas" fornece acesso às dez páginas do site atualizadas mais recentemente, juntamente com vários recursos de edição. Você pode gerar novas páginas, modificar o conteúdo e a estrutura das atuais, visualizar detalhes da página e muito mais.

O que há de novo, agora você pode criar novas páginas sem sair da interface do editor.

Modelos

Embora a tela de modelos permaneça praticamente inalterada, o WordPress 6.3 introduziu um novo recurso. Quando você cria um novo modelo, uma nova sobreposição modal aparece, apresentando uma lista de páginas para seu modelo.

Padrões

A seção Patterns é aquela onde mais mudanças foram introduzidas:

• Os blocos reutilizáveis ​​foram renomeados para padrões sincronizados
• Padrões de blocos regulares agora são nomeados Padrões não sincronizados
• O tipo de postagem personalizada wp_block foi estendido para oferecer suporte a campos personalizados e um novo metacampo wp_block_sync_status foi adicionado para armazenar o status de sincronização de um padrão
• Uma propriedade de origem foi adicionada ao esquema de padrões de bloco e resposta para distinguir os padrões do núcleo e do usuário
• A API REST foi estendida com um novo atributo

Padrões não sincronizados operam de forma independente e podem ser adicionados sempre que você desejar. Quaisquer alterações feitas após sua inserção não afetarão o padrão original.

Por outro lado, os padrões sincronizados são aplicáveis ​​em todo o seu site WordPress. Quaisquer modificações neles entrarão em ressonância com o padrão original. Eles funcionam de forma semelhante aos blocos reutilizáveis, e todos esses blocos agora são rotulados como 'Padrões sincronizados'.

Sempre que desejar criar um novo padrão, basta clicar no ícone '+' no menu Padrões.

Você também pode gerenciar seus padrões personalizados clicando em 'Gerenciar todos os meus padrões' na barra lateral.

A Paleta de Comandos

A Paleta de Comandos é um novo recurso projetado para agilizar suas ações comumente usadas, como navegar para diferentes páginas ou modelos no editor, por meio de comandos específicos.

Dentro do Editor do Site, clique no símbolo da lente ou pressione cmd + k (ou ctrl + k para usuários do Windows e Linux) para ativar a Paleta de Comandos.

À medida que você digita um comando, a paleta de comandos sugere uma variedade de comandos para você escolher. Desta forma, você pode executar tarefas comuns e acessar seções distintas do Editor do Site mais rapidamente.

Nova funcionalidade de revisão de estilo

O WordPress torna super fácil reverter edições em postagens e páginas por meio de uma ferramenta conhecida como Revisões.

Essa funcionalidade agora também é estendida aos estilos do editor de sites. Isso permite que você visualize e, se necessário, reverta as modificações feitas em seus estilos de tema.

Para fazer uso disso, escolha um estilo ou bloco no painel Estilos que deseja modificar. Clique na opção 'Revisões' e escolha 'Histórico de revisões'.

Melhorias do desenvolvedor

Como em qualquer outro lançamento importante, o WordPress 6.3 traz muitas mudanças e melhorias destinadas aos desenvolvedores.

Aqui estão alguns dos destaques:

Suspensão do suporte para PHP 5

A partir do WordPress 6.3, o PHP 5 não será mais suportado. A nova versão mínima suportada será PHP 7.0.0. A versão recomendada do PHP é 7.4 ou superior.Isso é importante não apenas para desenvolvedores, mas para todos os usuários do WordPress, pois o uso de uma versão mais antiga pode tornar seu site vulnerável a violações de segurança.

Modo de desenvolvimento

O WordPress 6.3 apresenta um novo conceito chamado "modo de desenvolvimento", que afeta certos aspectos de como o WordPress se comporta. A partir de agora, os sites podem definir seu modo de desenvolvimento por meio da recém-introduzida constante WP_DEVELOPMENT_MODE . É aconselhável utilizar isso para todos os sites orientados ao desenvolvimento.

Estes são alguns dos valores possíveis para WP_DEVELOPMENT_MODE:

• “core” indica que este site é usado como um ambiente de desenvolvimento principal do WordPress. Por exemplo, isso pode ser relevante quando você está contribuindo diretamente para o núcleo do WordPress.
• “plugin” indica que este site é usado como um ambiente de desenvolvimento de plugins WordPress. Por exemplo, isso pode ser relevante quando você está trabalhando em um plugin para o repositório de plugins.
• “theme” indica que este site é usado como um ambiente de desenvolvimento de tema WordPress. Por exemplo, isso pode ser relevante quando você está trabalhando em um tema para o repositório de temas.
• “all” indica que este site é usado como um ambiente de desenvolvimento WordPress onde todos os três aspectos podem ser modificados. Por exemplo, isso pode ser relevante quando você está trabalhando em um site específico como um todo, por exemplo, para um cliente.
• Uma string vazia indica que nenhum modo de desenvolvimento específico está habilitado para este site. Este é o valor padrão e deve ser usado em qualquer site que não seja usado para desenvolvimento.

Outras mudanças notáveis ​​do desenvolvedor introduzidas com “Lionel” incluem:

• Os desenvolvedores de tema agora podem usar a propriedade template_types para atribuir um ou mais tipos de modelo ao registrar um padrão de modelo.
• A função get_pages() foi atualizada e agora usa WP_Query internamente.
• A classe WP_User_Query foi aprimorada com a implementação do cache de consulta.
• Várias melhorias foram implementadas na API de Cache.
• Uma nova API de seletores de bloco permite configurar vários seletores CSS para blocos para usar em estilos globais.
• As cores aplicadas aos ícones sociais agora são atualizadas dinamicamente com base em theme.json e estilos globais
  

Embrulhar

Esta não é uma lista exaustiva de todas as melhorias introduzidas na atualização mais recente do WordPress.

Há muitos outros novos recursos incluídos no artigo do blog de anúncios, como:

• Temas do bloco de visualização
• Personalize suas legendas na interface Estilos sem codificação
• Anotar com o bloco de notas de rodapé
• Mostre ou oculte o conteúdo com o bloco Detalhes
• Definir proporção de aspecto em imagens
• Crie seu site sem distrações
• Redescubra a barra de ferramentas superior
• Crie modelos com padrões

Tudo isso é um motivo perfeito para baixar o WordPress 6.3.

Não se esqueça de fazer backup do seu site antes e, como sempre, se você quiser passar no seu Core Web Vitals e aumentar o desempenho do seu site, instale o NitroPack.

Acelere seu site WordPress automaticamente. Adquira o NitroPack hoje →

Fonte da imagem: Kinsta