{"id":111374,"date":"2023-11-01T10:52:47","date_gmt":"2023-11-01T08:52:47","guid":{"rendered":"https:\/\/elementor.com\/blog\/nouveau-dans-elementor-3-17-ameliorez-lexperience-des-visiteurs-avec-ajax-des-sites-web-plus-rapides-et-plus-encore\/"},"modified":"2025-12-28T02:31:22","modified_gmt":"2025-12-28T00:31:22","slug":"nouveau-dans-elementor-3-17-ameliorez-lexperience-des-visiteurs-avec-ajax-des-sites-web-plus-rapides-et-plus-encore","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/fr\/nouveau-dans-elementor-3-17-ameliorez-lexperience-des-visiteurs-avec-ajax-des-sites-web-plus-rapides-et-plus-encore\/","title":{"rendered":"Nouveau dans Elementor 3.17 – Am\u00e9liorez l’exp\u00e9rience des visiteurs avec AJAX, des sites web plus rapides et plus encore"},"content":{"rendered":"\n

Cette version introduit le tr\u00e8s attendu chargement AJAX pour les grilles de boucles, ce qui vous permet de changer la pagination sans recharger toute la page.\nElle optimise \u00e9galement le chargement des images, am\u00e9liorant ainsi les performances de votre site.\nLe nouveau widget de notation \u00e9tend votre flexibilit\u00e9 pour t\u00e9l\u00e9charger un SVG<\/a> personnalis\u00e9 et choisir n’importe quelle \u00e9chelle de notation.\nDe plus, les am\u00e9liorations du Mega Menu permettent un d\u00e9filement horizontal pour les menus qui ne se minimisent pas en \u00ab\u00a0Disposition Hamburger\u00a0\u00bb. <\/p>\n\n

Hello Theme<\/a> est mis \u00e0 jour en version 2.9, avec une nouvelle page de param\u00e8tres qui vous permet de d\u00e9sactiver les fonctionnalit\u00e9s int\u00e9gr\u00e9es du th\u00e8me pour am\u00e9liorer les performances du site.<\/p>\n\n

\"\"<\/figure>\n\n

[PRO] Introduction de l’AJAX pour les grilles de boucles – Pour un chargement de contenu transparent <\/strong><\/h2>\n\n

Nous sommes ravis de pr\u00e9senter la quatri\u00e8me fonctionnalit\u00e9 la plus demand\u00e9e sur GitHub : le chargement AJAX pour les grilles de boucles.\nAJAX, qui signifie Asynchronous JavaScript and XML, rend l’exp\u00e9rience des visiteurs de votre site plus fluide en chargeant du nouveau contenu dans une grille de boucles sans recharger toute la page. <\/p>\n\n

Pagination AJAX pour les grilles de boucles <\/strong><\/h3>\n\n

Les visiteurs peuvent d\u00e9sormais passer d’une page \u00e0 l’autre de votre liste sans recharger toute la page.\nCliquer sur l’\u00e9l\u00e9ment de pagination de la grille de boucles ne recharge que le contenu de la grille, facilitant une exp\u00e9rience plus fluide pour les visiteurs parcourant une liste de produits ou de publications.\nLa pagination AJAX attribue \u00e9galement \u00e0 chaque page de votre liste son propre param\u00e8tre URL<\/a>, ce qui permet aux visiteurs de sauvegarder ou de partager plus facilement des liens vers des pages de liste sp\u00e9cifiques.\nPar exemple, si vous cr\u00e9ez un blog de recettes, les visiteurs peuvent parcourir facilement une liste de recettes et partager ou sauvegarder des liens vers des pages pr\u00e9sentant les recettes qu’ils ont aim\u00e9es. <\/p>\n\n

Le contr\u00f4le \u00ab\u00a0D\u00e9filement automatique\u00a0\u00bb est une autre fonctionnalit\u00e9 du chargement AJAX.\nActiver le d\u00e9filement automatique fait d\u00e9filer automatiquement vers le haut de la grille lorsque les visiteurs changent la pagination.\nSi vous utilisez un filtre de taxonomie, vous pouvez d\u00e9finir une valeur de d\u00e9calage pour l’effet de d\u00e9filement automatique afin de garder votre barre de filtre visible. <\/p>\n\n

Pagination individuelle pour les grilles de boucles et le widget de publications<\/strong><\/h3>\n\n

Dans les versions pr\u00e9c\u00e9dentes, changer la pagination d’une liste affectait la pagination des autres listes sur la m\u00eame page.\nPar exemple, si une grille de boucles et un widget de publications \u00e9taient plac\u00e9s sur la m\u00eame page, s\u00e9lectionner la troisi\u00e8me page de l’un d’eux chargeait \u00e9galement la troisi\u00e8me page de l’autre.\nCependant, avec la fonctionnalit\u00e9 de pagination individuelle, les visiteurs peuvent d\u00e9sormais changer la pagination d’une liste sans affecter les autres grilles de boucles et widgets de publications Widgets<\/a> sur la page.\nPar exemple, dans un blog de recettes, vous pouvez ajouter une grille de boucles qui affiche des recettes v\u00e9g\u00e9tariennes aux c\u00f4t\u00e9s d’une grille de boucles ou d’un widget de publications qui affiche une liste de toutes vos publications.\nLes visiteurs peuvent changer la pagination soit du widget de publications, soit de la grille de boucles ind\u00e9pendamment. <\/p>\n\n

\"\"<\/figure>\n\n

Am\u00e9liorez les performances du site web avec un LCP plus rapide<\/strong><\/h2>\n\n

Elementor<\/a> 3.17 rend votre site encore plus rapide avec deux fonctionnalit\u00e9s qui turbochargeront le temps de chargement de votre site web. <\/p>\n\n

Optimiser le chargement des images<\/strong><\/h3>\n\n

La premi\u00e8re mise \u00e0 jour des performances de cette version est le r\u00e9sultat du partenariat d’Elementor avec Chrome pour identifier les opportunit\u00e9s d’am\u00e9lioration des performances des sites web construits avec Elementor.\nLa collaboration implique l’utilisation d’outils Google tels que le Chrome User Experience Report et le Core Web Vitals Technology Report.\nL’un des r\u00e9sultats de l’utilisation de ces outils est la d\u00e9cision de Google de contribuer les fonctionnalit\u00e9s \u00ab\u00a0Optimiser le chargement des images\u00a0\u00bb au plugin principal d’Elementor. <\/p>\n\n

Cette fonctionnalit\u00e9 exp\u00e9rimentale am\u00e9liore la vitesse du frontend en priorisant le chargement des images en fonction de leur emplacement sur la page.\nElle d\u00e9tecte quelle image est probablement l’\u00e9l\u00e9ment \u00ab\u00a0LCP image\u00a0\u00bb, le plus grand \u00e9l\u00e9ment de peinture de contenu dans la fen\u00eatre d’affichage, et priorise son chargement en utilisant des indices de priorit\u00e9. <\/p>\n\n

L’exp\u00e9rience applique \u00e9galement le chargement diff\u00e9r\u00e9 aux images non affich\u00e9es initialement dans la fen\u00eatre d’affichage et les charge lorsqu’elles entrent en vue.\nCes changements am\u00e9liorent la m\u00e9trique LCP Core Web Vital de 5 \u00e0 10 %, en fonction de la complexit\u00e9 de la page.\nAinsi, les pages riches en images b\u00e9n\u00e9ficieront d’un gain de performance encore plus important.\nCette fonctionnalit\u00e9 fonctionne \u00e9galement avec les sites web Elementor fonctionnant sur des versions plus anciennes de WordPress qui n’incluent pas les mises \u00e0 jour de d\u00e9tection LCP. <\/p>\n\n

Chargement des ressources Gutenberg<\/strong><\/h3>\n\n

La deuxi\u00e8me mise \u00e0 jour des performances acc\u00e9l\u00e8re la vitesse du frontend de votre site en excluant les styles et scripts Gutenberg lorsqu’ils ne sont pas utilis\u00e9s.\nCette exp\u00e9rience am\u00e9liore la m\u00e9trique LCP de votre site en d\u00e9tectant quand Gutenberg n’a pas \u00e9t\u00e9 utilis\u00e9 pour cr\u00e9er une page ou g\u00e9n\u00e9rer son contenu.\nCela permet \u00e0 Elementor d’\u00e9viter de charger du code inutile. <\/p>\n\n

\"\"<\/figure>\n\n

Nouveau widget de notation pour une flexibilit\u00e9 de conception <\/strong><\/h2>\n\n

Elementor 3.17 introduit le nouveau widget de notation, offrant plus de flexibilit\u00e9 pour personnaliser vos \u00e9chelles de notation visuelles pour les produits, le contenu, et plus encore.\nVous pouvez repr\u00e9senter visuellement votre notation en utilisant des ic\u00f4nes Font Awesome ou en t\u00e9l\u00e9chargeant votre propre SVG.\nPar exemple, pour une critique musicale, vous pourriez utiliser votre SVG pour donner \u00e0 un nouvel album une note de 5 sur 5 disques d’or. <\/p>\n\n

Le widget de notation \u00e9tend la gamme des \u00e9chelles de notation disponibles dans le widget de notation par \u00e9toiles.\nAu lieu d’\u00eatre limit\u00e9 \u00e0 une \u00e9chelle de 0-5 ou 0-10, vous pouvez d\u00e9sormais d\u00e9finir une \u00e9chelle de notation de z\u00e9ro \u00e0 n’importe quel nombre qui convient \u00e0 vos besoins.\nPar exemple, vous pourriez donner \u00e0 un album une note de 3 sur 3 ou 7 sur 7 disques d’or.\nLe menu d\u00e9roulant de l’\u00e9chelle de notation a \u00e9t\u00e9 remplac\u00e9 par une plage pour plus de facilit\u00e9 d’utilisation. <\/p>\n\n

De plus, le widget de notation am\u00e9liore le classement SEO de votre site avec un attribut de sch\u00e9ma am\u00e9lior\u00e9.\nIl remplace le widget de notation par \u00e9toiles dans le panneau de widgets, mais toutes les notations par \u00e9toiles existantes sur votre site resteront inchang\u00e9es. <\/p>\n\n

\"\"<\/figure>\n\n

D\u00e9filement horizontal pour le widget de menu <\/strong><\/h2>\n\n

Elementor 3.17 offre plus de flexibilit\u00e9 de conception lors de la cr\u00e9ation de menus.\nJusqu’\u00e0 pr\u00e9sent, lorsque les visiteurs changeaient la taille de leur fen\u00eatre, les menus se redimensionnaient en une \u00ab\u00a0mise en page d\u00e9roulante\u00a0\u00bb (\u00e9galement connue sous le nom de \u00ab\u00a0menu hamburger\u00a0\u00bb).\nAvec les nouvelles mises \u00e0 jour du widget Menu, vous pouvez emp\u00eacher les menus de se redimensionner en allant dans les Param\u00e8tres Responsive<\/a>, ouvrez le menu d\u00e9roulant intitul\u00e9 \u00ab\u00a0Point de rupture\u00a0\u00bb et s\u00e9lectionnez \u00ab\u00a0Aucun\u00a0\u00bb. <\/p>\n\n

D\u00e9sactiver le redimensionnement responsive peut entra\u00eener des situations o\u00f9 le menu est plus large que la fen\u00eatre.\nDans de nombreux cas, cela peut faire descendre certains \u00e9l\u00e9ments du menu \u00e0 la ligne suivante.\nPour \u00e9viter cela, la version 3.17 inclut \u00e9galement la possibilit\u00e9 d’activer le d\u00e9filement horizontal.\nLorsqu’il est activ\u00e9, votre menu conservera son design original sur n’importe quel appareil et permettra aux visiteurs de faire d\u00e9filer horizontalement les \u00e9l\u00e9ments du menu sans perturber le design. <\/p>\n\n

\"\"<\/figure>\n\n

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