{"id":111362,"date":"2024-03-19T10:58:15","date_gmt":"2024-03-19T08:58:15","guid":{"rendered":"https:\/\/elementor.com\/blog\/presentation-delementor-3-20-nouvelles-fonctionnalites-de-condition-daffichage-ameliorations-des-performances\/"},"modified":"2025-12-27T18:30:46","modified_gmt":"2025-12-27T16:30:46","slug":"presentation-delementor-3-20-nouvelles-fonctionnalites-de-condition-daffichage-ameliorations-des-performances","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/fr\/presentation-delementor-3-20-nouvelles-fonctionnalites-de-condition-daffichage-ameliorations-des-performances\/","title":{"rendered":"Pr\u00e9sentation d’Elementor 3.20 : Nouvelles fonctionnalit\u00e9s de condition d’affichage, am\u00e9liorations des performances"},"content":{"rendered":"\n

Nous \u00e9tions ravis de voir l’enthousiasme autour de l’introduction des conditions d’affichage pour les \u00e9l\u00e9ments.\nCette version renforce encore leur puissance en vous permettant de connecter plusieurs conditions \u00e0 l’aide du connecteur OR.\nDe plus, vous avez maintenant la possibilit\u00e9 de d\u00e9finir des conditions d’affichage bas\u00e9es sur les champs personnalis\u00e9s natifs de WordPress.\nEt enfin, la mise \u00e0 jour vers la version 3.20 am\u00e9liore \u00e9galement les performances de votre site Web, offrant une exp\u00e9rience de construction et de visite plus fluide. <\/p>\n\n

Obtenez Elementor <\/a>Pro<\/a><\/p>\n\n

Obtenez Elementor <\/a>Pro<\/a><\/p>\n\n

Mettez \u00e0 niveau votre abonnement Pro<\/a><\/p>\n\n

Cr\u00e9ez des sch\u00e9mas de condition sophistiqu\u00e9s avec le connecteur OR<\/strong><\/h2>\n\n
\"\"<\/figure>\n\n

La version pr\u00e9c\u00e9dente des conditions d’affichage vous permettait de connecter plusieurs conditions \u00e0 l’aide du connecteur AND, qui affiche l’\u00e9l\u00e9ment si toutes<\/em> les conditions sont remplies.\nAvec les am\u00e9liorations des conditions d’affichage dans Elementor 3.20, vous pouvez cr\u00e9er des groupes de conditions et les connecter \u00e0 l’aide du connecteur OR.\nCela vous permettra de d\u00e9finir plusieurs conditions et d’afficher l’\u00e9l\u00e9ment si une quelconque<\/em> des conditions est remplie. <\/p>\n\n

Par exemple, si vous souhaitez afficher un code de coupon pour les abonn\u00e9s sur les r\u00e9seaux sociaux ou les visiteurs connect\u00e9s, vous pouvez d\u00e9finir deux groupes de conditions pour le m\u00eame \u00e9l\u00e9ment qui sont connect\u00e9s avec le connecteur OR.\nLe premier groupe inclurait la condition \u00ab Statut de connexion est connect\u00e9 \u00bb et le deuxi\u00e8me groupe inclurait \u00ab De URL<\/a> contient votre page de r\u00e9seau social<\/em> \u00bb.\nCela affichera le coupon aux visiteurs qui sont soit<\/em> connect\u00e9s, soit arriv\u00e9s sur la page depuis votre groupe de r\u00e9seau social. <\/p>\n\n

<\/a>Obtenez Elementor Pro pour utiliser les conditions d’affichage<\/a><\/p>\n\n

<\/a>Obtenez Elementor Pro pour utiliser les conditions d’affichage<\/a><\/p>\n\n

Mettez \u00e0 niveau votre abonnement Pro pour connecter les conditions d’affichage avec la logique OR<\/a><\/p>\n\n

Exp\u00e9riences de visiteur dynamiques bas\u00e9es sur des balises dynamiques <\/strong><\/h2>\n\n
\"\"<\/figure>\n\n

Vous pouvez d\u00e9sormais d\u00e9finir des conditions d’affichage bas\u00e9es sur des balises dynamiques, y compris les champs personnalis\u00e9s natifs de WordPress.\nCes conditions sont particuli\u00e8rement utiles pour transformer vos mod\u00e8les de publication et de page uniques en conceptions dynamiques adapt\u00e9es \u00e0 leur contenu.\nPar exemple, si vous utilisez un widget de bo\u00eete d’ic\u00f4nes pour afficher une ic\u00f4ne \u00e0 c\u00f4t\u00e9 de votre titre rempli dynamiquement, vous pouvez d\u00e9finir une condition qui affiche l’ensemble du widget de bo\u00eete d’ic\u00f4nes uniquement lorsque le titre \u00ab n’est pas vide \u00bb.\nLes conditions bas\u00e9es sur des balises dynamiques ont \u00e9galement des param\u00e8tres suppl\u00e9mentaires bas\u00e9s sur les valeurs des champs personnalis\u00e9s, tels que \u00ab Est\/Est pas \u00bb ou \u00ab Contient \u00bb une certaine valeur. <\/p>\n\n

<\/a>Obtenez Elementor Pro pour utiliser les conditions d’affichage<\/a><\/p>\n\n

<\/a>Obtenez Elementor Pro pour utiliser les conditions d’affichage<\/a><\/p>\n\n

Mettez \u00e0 niveau votre abonnement Pro pour utiliser les conditions d’affichage<\/a><\/p>\n\n

Am\u00e9liorations des performances et de l’accessibilit\u00e9 <\/strong><\/h2>\n\n
\"\"<\/figure>\n\n

Am\u00e9liorations des performances<\/strong><\/h2>\n\n

Cette version d’Elementor inclut des mises \u00e0 jour de performances significatives, r\u00e9sultant en une exp\u00e9rience de construction et de navigation sur le site plus rapide et plus agr\u00e9able.<\/p>\n\n

TTFB plus rapide<\/strong><\/h3>\n\n

Elementor 3.20 am\u00e9liore le score Time to First Byte (TTFB) de 3 \u00e0 5 %, et encore plus sur les pages plus lourdes gr\u00e2ce \u00e0 un rendu optimis\u00e9 des \u00e9l\u00e9ments.\nCela est r\u00e9alis\u00e9 en excluant les contr\u00f4les inutiles du rendu sur le frontend. <\/p>\n\n

Optimisation du DOM<\/strong><\/h3>\n\n

Chaque widget que vous placez sur votre site Web et chaque param\u00e8tre de fonction ou de style que vous ajoutez cr\u00e9e du code qui inclut des instructions sur la fa\u00e7on dont les navigateurs Web doivent rendre votre site.\nComme vous pouvez vous y attendre, plus vous avez de code, plus il faut de temps au navigateur pour afficher votre contenu.\nEn mettant \u00e0 jour vers la version 3.20, vous r\u00e9duirez automatiquement la sortie DOM des conteneurs, vous permettant de cr\u00e9er des mises en page sophistiqu\u00e9es tout en maintenant des performances \u00e9lev\u00e9es.\nEn comparaison avec la derni\u00e8re version (3.19), les conteneurs Flexbox produisent d\u00e9sormais 39 % de code en moins, et les conteneurs Grid produisent 85 % de code en moins.\nDe plus, cette version am\u00e9liore les performances de l’\u00e9diteur en r\u00e9duisant la sortie DOM des contr\u00f4les d’unit\u00e9 personnalis\u00e9s. <\/p>\n\n

Am\u00e9liorations de l’accessibilit\u00e9<\/strong><\/h3>\n\n

Elementor continue de consacrer du temps et des efforts pour rendre Internet plus accessible aux visiteurs et aux d\u00e9veloppeurs Web qui d\u00e9pendent des technologies d’assistance.\nPour plus d’informations d\u00e9taill\u00e9es sur les am\u00e9liorations de l’accessibilit\u00e9, veuillez visiter le blog des d\u00e9veloppeurs<\/a>. <\/p>\n\n