Divi 5 May Progress Update: Visualizando a velocidade do Divi 5

Publicados: 2023-06-02

Estamos no meio de um grande projeto, Divi 5, e gosto de atualizar a comunidade todos os meses sobre nosso progresso. No mês passado, nos aprofundamos nas cinco etapas do programa beta do Divi 5 para entender melhor como estamos abordando um projeto tão grande da maneira mais vantajosa para os usuários do Divi. Estamos na Fase 1, Dev Alpha, e estamos nos aproximando do lançamento do Dev Beta, momento em que a nova API Divi 5 será solidificada. Convidaremos mais desenvolvedores a participar do programa enquanto trabalhamos para o primeiro lançamento público ainda este ano.

Na atualização deste mês, falaremos sobre as atualizações que fizemos no Divi 5. Também mostrarei como o Divi 5 é rápido e, em seguida, darei uma prévia do nosso próximo recurso Divi AI! Vamos cavar.

O que realizamos neste mês

Fizemos muito esse mês! Há muitas pequenas coisas que estamos preenchendo, uma a uma, à medida que nos aproximamos de nosso primeiro lançamento público, onde a interface do usuário precisará ser polida e um conjunto sólido de recursos Divi precisará ser finalizado. Trabalhamos em divisores de seção, vídeos de fundo, opções de condição, conteúdo responsivo e corrigimos alguns bugs.

A maior parte do nosso trabalho se concentrou em solidificar a API Divi 5, que é o objetivo das versões Dev Beta. A tendência geral aqui é que estamos construindo uma base para tornar mais fácil para nossa equipe e comunidade de desenvolvimento criar ótimos módulos e recursos Divi. Precisamos acertar essa parte para que todo o resto se encaixe como queremos.

Trabalhamos na unificação e simplificação da nova API REST do Divi 5. Concluímos várias novas funções e suas implementações, que visam reduzir significativamente o tempo de criação de um módulo Divi. Mais uma vez, estamos colocando um trabalho extra no nível básico para que o restante do projeto Divi 5 seja mais rápido e todos os módulos e recursos que adicionamos após o Divi 5 sejam desenvolvidos mais rapidamente.

Também refatoramos o método de conversão de código curto do Divi, que desempenhará um papel essencial na compatibilidade com versões anteriores.

Se você estiver interessado nos detalhes mais sutis, aqui estão as entradas de changelogs mais recentes:

Divi 5.0.0-dev-alpha.4

  • Correção de renderização para campos de plano de fundo no modal de configurações do módulo Shortcode
  • Corrige a visibilidade dos campos de configuração do módulo de shortcode com condições de padrão regex.
  • Adicionada renderização de front-end das opções de divisores de seção.
  • Corrigidas as opções de foco que não funcionam corretamente no construtor visual e no front-end para opções de módulo que possuem vários seletores.
  • Pacote refatorado @divi/scripts e adição de testes
  • Pacotes de tipos publicados para npm em preparação para lançamento ao público

Divi 5.0.0-dev-alpha.5

  • Permita que o módulo Shortcode envie outra solicitação quando a solicitação anterior for abortada automaticamente.
  • Renderize o botão de opções fixas quando o módulo Shortcode atual estiver fixo.
  • Renderize o botão de opções fixas quando o módulo Shortcode atual estiver dentro de um módulo fixo.
  • Valor padrão não utilizado removido Registro<número, string | Grave <string, string>> digite no módulo Shortcode.
  • Corrigidos elementos incorretos do módulo Woo Shortcode exibidos em uma única página de produto. Módulos de Shortcode afetados: Woo Product Notice, Woo Product Images, Woo Add To Cart, Woo Product Stock, Woo Product Price, Woo Products Related Products, Woo Product Upsell e Woo Products.
  • Renomeie o módulo Unsupported para o módulo Shortcode junto com o slug do módulo, a rota da API REST, o rótulo, os casos de teste e o storybook.
  • Adicionados campos de vídeo de segundo plano nas opções de segundo plano do módulo.
  • Renderização refatorada de vídeo em segundo plano no Visual Builder sem chamadas de API REST.
  • Adicionada a renderização das opções do módulo de vídeo em segundo plano no frontend.
  • Adicionado ScriptData para inicializar o vídeo de fundo no frontend.
  • Adicionado suporte para opções de módulo de vídeo em segundo plano no estado Fixo.
  • Visibilidade atualizada dos campos do divisor nas opções do módulo para ocultar opções adicionais se um estilo do divisor não tiver sido selecionado.
  • Visibilidade atualizada da configuração Repetição horizontal do divisor em Opções do módulo para ser ocultada para opções de Estilo do divisor que rejeitam explicitamente a repetição.
  • Visibilidade atualizada da configuração do arranjo do divisor nas opções do módulo para ser ocultado nas configurações da seção de largura total (onde apenas o valor padrão “abaixo” é permitido).
  • Atualizada a visualização do campo Estilo do divisor nas Opções do módulo para refletir qualquer inversão horizontal e/ou vertical atualmente aplicada ao divisor.
  • Atualizado o campo Altura do divisor em Opções do módulo para permitir o salvamento de valores percentuais (“%”) além da unidade padrão de pixel (“px”).
  • Atualizada a configuração de repetição horizontal do divisor nas opções do módulo apenas para aceitar valores de número positivo (“1x” ou superior).
  • Base de opções de Condições adicionadas, incluindo condições iniciais para Autor, Conectado e Função de Usuário, Condições restantes a serem adicionadas de forma incremental em versões futuras.
  • Adicionado o componente ElementComponents, o equivalente a <ElementStyle />, mas para elementos HTML renderizados.
  • Função elementClassnames() adicionada, o equivalente a <ElementStyle />, mas para funções que geram nomes de classe.
  • Corrigido erro de nível de título de fonte.
  • Corrigidos os avisos do PHP acionados no módulo de portfólio.
  • O retorno de chamada de permissão REST adequado foi adicionado a todas as rotas REST registradas.
  • Uma nova classe RoleEditor foi introduzida para determinar funções Divi, incluindo testes para a funcionalidade que foi refatorada de D4 para D5.
  • Os recursos .sendRequest(), como adição automática de nonce ET e WP e suporte a resposta de fluxo, foram adicionados a fetch().
  • O fetch() foi completamente refatorado para melhor capacidade de manutenção e escalabilidade, permitindo a introdução de novas e complexas condições e recursos, por exemplo, as opções de .sendRequest().
  • Todas as chamadas da API REST, fetch(), loggingFetch() e .sendRequest(), foram unificadas e agora apenas o loggingFetch() é usado.
  • Mecanismo de conversão refatorado para módulos.

Divi 5.0.0-dev-alpha.6

  • Registro, lógica, esquemas e testes de API REST aprimorados e simplificados. Pacote divi/ajax renomeado para pacote divi/rest.
  • Adicionados os componentes InlineTextEditorContainer e InlineTextEditor para o Editor de Texto Inline.
  • Adicionados manipuladores onBlur, onClick, onDoubleClick, onKeyDown, onKeyUp, onMouseDown e onMouseUp para o Editor de Texto Inline.
  • Adicionado um mecanismo de salvamento para atualizar o valor do atributo do campo Editor de texto embutido.
  • Adicionados manipuladores de eventos para ativar e desativar o modo de edição do Editor de Texto Inline.
  • Adicionado ClassNames com base na ativação/desativação e outros estados como __empty, __editing, __html.
  • Adicionado Estilo CSS/Inline para o Editor de Texto Inline.
  • WindowEventEmitterInstance refatorado para adicionar ouvinte de evento mousedown.
  • Introduzido o ajudante PHP de conteúdo responsivo.
  • Introduzido o ajudante JS de conteúdo responsivo.
  • Adicionada funcionalidade de conteúdo responsivo nos scripts FE.
  • Implementação de conteúdo responsivo adicionada nos elementos Nome, Posição, Imagem e Conteúdo do módulo Membro da equipe
  • Implementação de conteúdo responsivo adicionada nos elementos Use Percentage, Percent e Title do módulo Bar Counters
  • Implementação de conteúdo responsivo adicionada no elemento Button Text do módulo Button.
  • Implementação de conteúdo responsivo adicionada nos elementos Title e Content do módulo Toggle.
  • Implementação de conteúdo responsivo adicionada no elemento Text Inner do módulo Text.
  • Implementação de conteúdo responsivo adicionada no elemento Title do módulo Countdown Timer.
  • Adicionada implementação de conteúdo responsivo nos elementos Título, Imagem, Nome do artista e Nome do álbum do módulo Áudio.
  • Implementação de conteúdo responsivo adicionada no elemento Content do módulo Code.
  • Implementação de conteúdo responsivo adicionada nos elementos Title, Content e Button do módulo CTA.
  • Adicionada implementação de conteúdo responsivo no módulo Image.
  • Implementação de conteúdo responsivo adicionada no elemento Title do módulo Circle Counter.
  • Implementação de conteúdo responsivo adicionada no elemento Title do módulo Number Counter.
  • Implementação de conteúdo responsivo adicionada nos elementos Title e Content do módulo Tabs.
  • Implementação de conteúdo responsivo adicionada nos elementos Title e Content do módulo Login.
  • Adicionada implementação de conteúdo responsivo na opção Show Divider do módulo Divider.
  • Adicionada implementação de conteúdo responsivo nos elementos Title, Subhead, Content, Logo Image, Header Image, Button One Text e Button Two Text do módulo Fullwidth Header.
  • Implementação de conteúdo responsivo adicionada no módulo Fullwidth Image.
  • Implementação de conteúdo responsivo adicionada nos elementos Título e Conteúdo do módulo Portfólio.
  • Realoque o código relacionado ao módulo Shortcode para o pacote Shortcode Module.
  • Adicione o renderizador de estilo de título de fonte no componente ElementStyle.

A velocidade do Divi 5

Antes de encerrarmos a postagem de hoje, quero discutir a velocidade . Como você deve saber, não estamos planejando adicionar muitos, se houver, novos recursos ao Divi 5. No entanto, uma das mudanças mais significativas que virão com esta nova versão é um grande aumento na velocidade, especialmente no Visual Builder , onde todos passamos tanto tempo.

Mesmo que a interface do usuário do Divi 5 não esteja concluída e o construtor esteja faltando recursos, ainda quero dar uma espiada na diferença de desempenho da qual continuo falando. Portanto, evite julgar como as coisas parecem neste vídeo, que mudarão, e concentre-se apenas na velocidade das interações!

Você notará imediatamente que tudo aparece instantaneamente quando os elementos passam o mouse sobre a página. Abrir o pop-up de configurações é igualmente rápido, assim como ajustar as configurações de design. É uma diferença de noite e dia em toda a linha. Além disso, não importa quão grande e complexa a página se torne. O Visual Builder pode lidar com isso e permanece rápido.

Atingir esse nível de velocidade não foi possível no Divi 4 e é uma das razões pelas quais essa nova arquitetura do Divi 5 é tão importante.

Em breve: Divi AI

Isso é tudo para a atualização do Divi 5 deste mês. No entanto, tenho mais um teaser para você. Embora quase toda a nossa equipe esteja focada no Divi 5, ainda temos um pequeno grupo de pessoas trabalhando nos recursos do Divi 4 que não afetarão o desenvolvimento do Divi 5 e, no momento, estamos trabalhando em algo muito interessante.

Chama-se Divi AI e utiliza grandes modelos de linguagem para ajudá-lo a criar conteúdo, como texto e imagens, para seus sites Divi diretamente no construtor! Como está integrado ao Divi, podemos ensinar coisas sobre o construtor e seu site para ajudá-lo a criar ou melhorar seu conteúdo de uma forma que faça sentido e seja incrivelmente intuitiva.

Confira o vídeo do Youtube de hoje para uma prévia do Divi AI.

Fique atento para mais atualizações

Isso é tudo para o nosso relatório de progresso de maio. Se você tiver alguma dúvida, certifique-se de deixar um comentário. Fique ligado na atualização do próximo mês e nos vemos na próxima!