Nouvelle fonctionnalité : Widget off-canvas

Elementor 3.22 Introduction de nouveaux outils de conception professionnels Widget off-canvasIl crée des mises en page interactives et améliore l'expérience de l'utilisateur.

Caractéristiques fonctionnelles :

• Mise en page interactiveLes pages plus interactives peuvent être conçues en cliquant sur des liens pour ouvrir et fermer des conteneurs.
  • Par exemple, un widget hors canevas peut être connecté au bouton "S'inscrire" qui, lorsqu'il est cliqué, ouvre un widget contenant un formulaire.
• Support des éléments imbriquésLa zone de contenu du widget hors cadre peut être utilisée comme un conteneur, permettant de placer d'autres widgets tels que des formulaires.
  • Permet de styliser les conteneurs ordinaires en utilisant toutes leurs caractéristiques de conception.
• Réglage de l'étiquette dynamiqueDans les paramètres de lien, cliquer sur le bouton Étiquette dynamique vous permet de créer un lien vers un widget hors-canevas spécifique.
  • Par exemple, s'il y a plusieurs widgets hors toile sur la page, ils seront affichés comme "Widget hors toile 1" ou "Widget hors toile 2", etc.
  • Les liens peuvent être sélectionnés pour déclencher des comportements d'ouverture, de fermeture ou les deux.
• Personnalisation de la marqueLes animations d'entrée et de sortie : Vous pouvez personnaliser le style et la durée des animations d'entrée et de sortie du widget.
  • Contrôler le comportement des interactions, par exemple en déterminant quand et comment quitter une superposition et en empêchant le défilement de la page.
  • Définir le style de l'effet de superposition, avec des options permettant d'activer ou de désactiver la superposition, de modifier la couleur ou de sélectionner l'image.
  • La balise HTML qui définit le conteneur.
• Personnalisation du styleDans l'onglet Styles, personnalisez l'apparence du widget hors du canevas, notamment les couleurs, les polices et la mise en page.

Marche à suivre pour l'utilisation :

1. Placez le widget hors du canevas n'importe où sur la page.
2. Cliquez sur "Mode édition"pour l'ouvrir et le fermer dans l'éditeur.
3. Dans les paramètres du lien, cliquez sur le bouton Étiquettes dynamiques et sélectionnez l'optionDéclencheur activé, désactivéOu les deux.
4. partir pour Tableau de bord WordPress → Elementor → Activation de la fonction"élément imbriqué".

Nouveau : Elementor Cache

Elementor 3.22 introduit une nouvelle fonctionnalité de mise en cache qui améliore de manière significative les performances du site en mettant en cache la sortie des widgets.

Amélioration des performances :

• Réduction de l'utilisation de la mémoireL'utilisation de la mémoire a été ramenée de 3 Mo à 8 Ko.
• Mise à niveau de la TTFBTemps d'accès au premier octet (TTFB) Boost 33%-70%.

Gestion du cache :

• Distinguer le contenu statique du contenu dynamiqueLa fonction de mise en cache fait la distinction entre les widgets statiques et dynamiques et ne met en cache que le contenu statique.
  • Les widgets dynamiques (par exemple, les widgets contenant des informations spécifiques aux visiteurs) ne sont pas mis en cache.
• Paramètres du cacheDans l'onglet Avancé du panneau d'édition, vous pouvez contrôler les paramètres de cache pour des widgets spécifiques.
  • Par exemple, il est possible d'activer ou de désactiver la fonction de mise en cache d'un widget.

Étapes d'activation :

1. partir pour Tableau de bord WordPress → Elementor → Activation de la fonction"Cache des éléments".
2. existent Tableau de bord WordPress → Élémentr → En ce qui concerne les performances, contrôlez les paramètres du cacherépondre en chantantdurée de la mémoire tampon.

Autres mises à jour des performances

Remplacement JS natif Bibliothèque JS

• Améliorer les performances de l'interface utilisateurRemplacer les bibliothèques JavaScript externes telles que Waypoint.js par des solutions JavaScript natives.
  • Ce remplacement utilise un code plus moderne, ce qui améliore les performances et les résultats en matière de référencement.
  • Le remplacement réduit l'utilisation de la mémoire de 18 Ko.
• compatibilité ascendanteLes anciennes bibliothèques JavaScript seront conservées dans les prochaines versions, mais ne seront activées que si le développeur du plugin les définit comme dépendances.

Nouvel onglet "Performance

• Gestion centralisée des fonctions de performanceLe nouveau système de gestion des performances : Toutes les fonctions de performance stables sont concentrées dans le nouvel onglet Performance, ce qui permet aux utilisateurs de les activer ou de les désactiver facilement.
  • Cet onglet permet aux utilisateurs d'explorer et d'activer les fonctions d'amélioration des performances liées au site web.

Étapes d'activation :

partir pour Tableau de bord WordPress → Elementor → Réglages → Performance.

résumés

Elementor 3.22 améliore considérablement les performances du site et l'expérience.. :

• Ajouter un widget hors champLes services d'aide à l'enfance et à la famille : créer des mises en page interactives pour améliorer l'engagement de l'utilisateur.
• Introduction de la mise en cacheOptimiser les temps de chargement des widgets pour améliorer les performances du site.
• Remplacement des bibliothèques externes en JS natifLe code de votre site web : Nettoyez le code de votre site web et améliorez les performances de l'interface utilisateur.
• Nouvel onglet "PerformanceGestion centralisée des fonctions d'amélioration des performances afin de rationaliser le processus d'optimisation.

Ces nouvelles fonctionnalités et améliorations permettent non seulement d'améliorer la vitesse de chargement des sites, mais aussi de simplifier la gestion de l'optimisation des performances, aidant ainsi les utilisateurs à créer plus facilement des sites rapides et attrayants.