Elementor 3.21 : Requêtes de tri récursif pour les listes, améliorations des performances, et plus encore !

La version 3.21 inclut la possibilité de créer des listes de catégories et de tags, ainsi que des améliorations significatives des performances et de nouvelles fonctionnalités passionnantes en matière d'intelligence artificielle.

Cette version se concentre sur les outils de conception professionnels et les améliorations de performance qui réduisent les temps de chargement et améliorent les classements de performance. AI Copilot est une nouvelle étape passionnante qui permet aux créateurs de sites web de construire des sites plus rapidement et plus efficacement grâce à l'intelligence artificielle. Cette version accélérera également les sites web grâce à trois améliorations majeures des performances.

Requêtes de tri récursif pour les listes 

Aujourd'hui, j'aimerais vous présenter un autre constructeur de sites web à contenu dynamique très populaire, Elementor version 3.21. Jusqu'à présent, il est possible d'utiliser des grilles et des carrousels en boucle pour afficher des produits et des articles de manière cohérente à l'aide de modèles en boucle. Avec les requêtes de catégorie, les catégories et les étiquettes peuvent être affichées en tant qu'éléments dans les grilles et les carrousels en boucle. Par exemple, un magasin de vêtements peut utiliser la grille en boucle pour afficher différentes catégories de vêtements telles que "Chemises", "Pantalons", "Chapeaux" et "Vêtements décontractés". "Vêtements décontractés".

La requête "taxonomies" offre une fonctionnalité avancée permettant de sélectionner les taxonomies à afficher et l'ordre dans lequel elles sont affichées. Par exemple, il est possible de sélectionner "Tout afficher" et de filtrer la profondeur des taxonomies affichées pour sélectionner le nombre de niveaux de sous-catégories à inclure dans la liste. Cette approche est recommandée pour les sites comportant des schémas de taxonomies complexes contenant plusieurs niveaux de sous-catégories. Lorsque vous créez ou gérez des sites avec des taxonomies moins complexes, vous pouvez sélectionner l'option "Sélection manuelle" pour choisir les catégories ou les étiquettes à afficher dans la liste. Que vous sélectionniez "Tout afficher" ou "Sélection manuelle", la liste peut être triée par ordre alphabétique ou par numéro d'identification, dans l'ordre croissant ou décroissant. Afin d'assurer une compatibilité parfaite des recherches de catégories avec les sites web dynamiques axés sur le contenu, il est entièrement compatible avec des plugins tiers tels que ACF et Custom Post Types UI.

l'amélioration des performances 

Avec la mise à jour vers la version 3.21, les performances du site seront considérablement améliorées. La nouvelle version comprend trois améliorations majeures qui réduisent les temps de chargement et améliorent les scores de performance de Google.

Optimisation du rendu des commandes

Le score de performance frontale se compose d'un certain nombre d'indicateurs différents qui mesurent le temps de chargement et l'efficacité d'un site web. L'une des mesures les plus importantes est le temps de chargement du premier octet (TTFB), qui mesure le temps écoulé entre le premier contact entre le client et le serveur et l'arrivée du premier octet d'information dans le navigateur. En optimisant la façon dont les widgets Elementor sont rendus dans le navigateur d'un visiteur, cette version réduit le TTFB de 20%-30%. Il s'agit d'une amélioration significative qui a un impact important sur les scores de performance.

Pour activer la nouvelle fonctionnalité, rendez-vous dans le panneau de configuration de WordPress → Elementor → Paramètres → Fonctionnalités et activez "Optimiser le chargement du contrôle".

Un code plus propre

Cette version améliore également les performances en nettoyant le code du site web. Sous le capot d'un site web, chaque élément est incorporé dans le modèle d'objet de document (DOM), qui contient des instructions (code) sur la manière dont le navigateur rend le contenu et la structure d'un site web. En général, si ces instructions sont écrites plus efficacement, le navigateur du visiteur chargera le contenu plus rapidement. C'est pourquoi cette version n'inclut pas de balises lorsque l'entrée de texte est vide, optimisant ainsi la quantité de widgets de code générés. Par conséquent, si une boîte à icônes est utilisée et que les instructions sont laissées vides, le widget générera moins de code et produira une sortie DOM plus propre.

Amélioration du délai de chargement des images d'arrière-plan 

Les images d'arrière-plan sont l'un des éléments les plus lourds à charger pour les navigateurs, et aussi les plus difficiles à optimiser. C'est pourquoi nous sommes heureux qu'Elementor 3.21 améliore nos tentatives dans la version 3.9 avec une nouvelle approche du chargement paresseux des images d'arrière-plan. Cette fois-ci, l'expérience d'activation donne la priorité au chargement des images d'arrière-plan en fonction de leur taille et de leur position sur la page. Cela permet au navigateur de charger d'abord l'image située au-dessus du pli (qui s'affiche dans la fenêtre de visualisation dès le chargement), puis de charger le reste des images d'arrière-plan. Le chargement paresseux des images d'arrière-plan est une autre raison importante de créer des sites web avec des conteneurs, car il ne s'applique qu'aux images d'arrière-plan définies pour les conteneurs. Pour désactiver le chargement paresseux d'une image d'arrière-plan spécifique, définissez la classe CSS sur "e-no-lazyload".

À partir de cette version, cette fonctionnalité expérimentale sera active par défaut. Pour activer "Lazy Load Background Image", allez dans le panneau de configuration de WordPress → Elementor → Paramètres → Fonctionnalités.

AI Copilot - un super-assistant pour les créateurs de réseaux

Elementor AI a évolué pour devenir l'assistant personnel parfait pour les créateurs de sites web - avec le lancement d'AI Copilot, un assistant IA qui comprend les sites web et suggère des mises en page et des éléments à ajouter au design, permettant de créer des sites web à un rythme très rapide. Comme d'autres grands partenaires, Copilot devient de plus en plus intuitif au fur et à mesure que vous travaillez ensemble. Chaque suggestion acceptée ou rejetée lui donne un aperçu de vos préférences personnelles et de votre style, ce qui lui permet de réaliser vos idées plus rapidement et de présenter les premières ébauches aux clients et aux membres de l'équipe en quelques minutes.

Mises à jour fonctionnelles et expérimentales

Cette version contient un grand nombre de changements de statut pour les fonctionnalités et les expériences. Certaines d'entre elles ont été activées par défaut sur tous les nouveaux sites, d'autres sont devenues partie intégrante d'Elementor et ne peuvent plus être activées ou désactivées à partir de la page Fonctionnalités.

• Nouveau site activé par défaut : filtre de catégorie, image de fond à chargement paresseux.
• Les sites existants sont activés par défaut : grid containers.

Profitez de nouvelles requêtes catégorielles et de performances accrues avec Elementor 3.21 !

Cette version inclut également Taxonomy Query for Loop Grids & Carousels, qui vous permet d'afficher des catégories et des étiquettes en tant qu'éléments en boucle dans votre mise en page. La mise à jour vers la version 3.21 se traduira également par une amélioration significative des performances du site, le temps d'affichage du premier octet (TTFB) s'améliorant de 20%-30%, ainsi que par la possibilité de nettoyer les balises et l'introduction d'une fonction améliorée de chargement paresseux de l'image d'arrière-plan.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.