Nova funcionalidade: Widget fora da tela

Elementor 3.22 Introduziu novas ferramentas de design profissional Widget fora da telaCria esquemas de página interactivos e melhora a experiência do utilizador.

Caraterísticas funcionais:

• Layout interativo: Pode conceber páginas mais interactivas clicando nas ligações para abrir e fechar contentores.
  • Por exemplo, um Widget fora da tela pode ser ligado ao botão "Registar", que quando clicado abre um widget que contém um formulário.
• Suporte a elementos aninhadosA área de conteúdo do Off-Canvas Widget pode ser utilizada como um contentor, suportando a colocação de outros widgets, como formulários.
  • Permite estilizar os contentores regulares utilizando todas as suas caraterísticas de design.
• Definição de etiqueta dinâmicaNas Definições de ligação, clique no botão Etiqueta dinâmica para ter a opção de ligar a um Widget fora da tela específico.
  • Por exemplo, se houver vários widgets fora da tela na página, eles serão exibidos como "Widget fora da tela 1" ou "Widget fora da tela 2", etc.
  • As ligações podem ser selecionadas para desencadear comportamentos de abertura, fecho ou ambos.
• Personalização da marcaPode personalizar o estilo e a duração das animações de entrada e saída do widget.
  • Controle o comportamento das interações, por exemplo, definindo quando e como sair de uma sobreposição e impedindo o deslocamento da página.
  • Defina o estilo do efeito de sobreposição, com opções para ativar ou desativar a sobreposição, alterar a cor ou selecionar a imagem.
  • A etiqueta HTML que define o contentor.
• Personalização do estiloNo separador Estilos, personalize o aspeto do widget Fora da tela, como cores, tipos de letra e disposição.

Passos para utilizar:

1. Coloque o Widget fora da tela em qualquer lugar da página.
2. Clique em "Modo de edição" para o abrir e fechar no editor.
3. Nas definições da ligação, clique no botão Rótulos dinâmicos e selecione a opçãoAcionamento ligado, desligadoOu ambos os comportamentos.
4. partir para Painel de controlo do WordPress → Elementor → Função Ativação"elemento aninhado".

Novo: Elementor Cache

O Elementor 3.22 introduz uma nova funcionalidade de armazenamento em cache que melhora significativamente o desempenho do sítio através do armazenamento em cache da saída do widget.

Melhoria do desempenho:

• Utilização reduzida da memória: Utilização de memória reduzida de 3MB para 8KB.
• Atualização TTFBTempo para o primeiro byte (TTFB) Boost 33%-70%.

Gestão de cache:

• Distinguir entre conteúdos estáticos e dinâmicosA funcionalidade de armazenamento em cache distingue entre widgets estáticos e dinâmicos e apenas armazena em cache o conteúdo estático.
  • Os widgets dinâmicos (por exemplo, widgets que contêm informações específicas do visitante) não são guardados em cache.
• Definições da cacheNo separador Avançadas do painel Editar, pode controlar as definições de cache para widgets específicos.
  • Por exemplo, é possível ativar ou desativar a função de cache de um widget.

Passos de ativação:

1. partir para Painel de controlo do WordPress → Elementor → Função Ativação"Cache de elementos".
2. existir Painel de controlo do WordPress → Elementor → No desempenho, controle as definições da cacheresponder com cânticostempo de reserva.

Outras actualizações de desempenho

Biblioteca JS de substituição de JS nativo

• Melhore o desempenho do front-endSubstitua as bibliotecas JavaScript externas, como Waypoint.js, por soluções JavaScript nativas.
  • Esta substituição utiliza um código mais moderno, melhorando o desempenho e os resultados de SEO.
  • A substituição reduz a utilização de memória em 18KB.
• compatibilidade com versões anterioresPara manter a compatibilidade com plug-ins de terceiros, as bibliotecas JavaScript antigas serão mantidas em versões futuras, mas só serão activadas se o programador do plug-in as definir como dependências.

Novo separador "Desempenho

• Gestão centralizada das funções de desempenhoTodas as funcionalidades de desempenho estáveis estão concentradas no novo separador Desempenho, o que facilita aos utilizadores a sua ativação ou desativação.
  • Este separador permite aos utilizadores explorar e ativar funcionalidades de melhoria do desempenho relacionadas com o sítio Web.

Passos de ativação:

partir para Painel de controlo do WordPress → Elementor → Definições → Desempenho.

resumos

O Elementor 3.22 melhora drasticamente o desempenho do site e a experiência do utilizador..:

• Adicionar widget fora da telaCrie layouts interactivos para aumentar a participação dos utilizadores.
• Introdução ao cachingOptimize os tempos de carregamento dos widgets para melhorar o desempenho do site.
• Substituição de bibliotecas externas por JS nativoLimpe o código do seu site e melhore o desempenho do front-end.
• Novo separador DesempenhoGestão centralizada das funções de melhoria do desempenho para racionalizar o processo de otimização.

Estas novas funcionalidades e melhorias não só melhoram a velocidade de carregamento dos sítios, como também simplificam a gestão da otimização do desempenho, ajudando os utilizadores a criar sítios rápidos e interessantes mais facilmente.