{"id":111327,"date":"2024-06-18T14:14:00","date_gmt":"2024-06-18T11:14:00","guid":{"rendered":"https:\/\/elementor.com\/blog\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/"},"modified":"2024-06-18T14:29:09","modified_gmt":"2024-06-18T11:29:09","slug":"nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/","title":{"rendered":"Nouveau Widget Hors-Canvas &amp; Mise en Cache des \u00c9l\u00e9ments dans Elementor 3.22"},"content":{"rendered":"\n<p>Cette version vous offre un nouvel outil de conception professionnel appel\u00e9 le Widget Hors-Canvas.\nIl vous permet de cr\u00e9er des dispositions interactives en ouvrant et fermant un conteneur \u00e0 partir d&rsquo;un lien.\nLa mise \u00e0 jour d&rsquo;Elementor am\u00e9liorera \u00e9galement consid\u00e9rablement le temps de chargement et les scores de performance de votre site web avec de nouvelles fonctionnalit\u00e9s comme la Mise en Cache des \u00c9l\u00e9ments qui am\u00e9liore le Temps au Premier Octet (TTFB) de 30%-70%, ou la premi\u00e8re biblioth\u00e8que JS remplac\u00e9e par du JS natif pour optimiser le temps de chargement des biblioth\u00e8ques JavaScript.  <\/p>\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/06\/Loop-Taxonomy-Query-for-Loop-Grids-1024x538.png\" alt=\"\" class=\"wp-image-95623\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2024\/06\/Loop-Taxonomy-Query-for-Loop-Grids-1024x538.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2024\/06\/Loop-Taxonomy-Query-for-Loop-Grids-300x158.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2024\/06\/Loop-Taxonomy-Query-for-Loop-Grids-768x403.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1200\/blog\/wp-content\/uploads\/2024\/06\/Loop-Taxonomy-Query-for-Loop-Grids.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>[Pro] Nouveau : Dispositions Interactives du Widget Hors-Canvas<\/strong><\/h2>\n\n<p>Le Widget Hors-Canvas permet aux cr\u00e9ateurs de concevoir des mises en page interactives et des exp\u00e9riences utilisateur engageantes avec des conteneurs qui s&rsquo;ouvrent en cliquant sur un lien connect\u00e9.\nPour utiliser le Widget Hors-Canvas, placez-le n&rsquo;importe o\u00f9 sur votre page, et cliquez sur le contr\u00f4le \u201cMode \u00c9dition\u201d dans le Panneau d&rsquo;\u00c9dition pour l&rsquo;ouvrir et le fermer dans l&rsquo;\u00c9diteur.\nEn tant que nouvel ajout aux \u00e9l\u00e9ments imbriqu\u00e9s, sa zone de contenu fonctionne comme un Conteneur, vous permettant de cr\u00e9er et de concevoir n&rsquo;importe quelle disposition.\nPar exemple, vous pouvez connecter un Widget Hors-Canvas \u00e0 un bouton \u201cS&rsquo;inscrire\u201d.\nDans la zone de contenu du Hors-Canvas, placez le Widget Formulaire et stylisez-le avec toutes les capacit\u00e9s de conception d&rsquo;un Conteneur r\u00e9gulier.\nUne fois qu&rsquo;un visiteur clique sur \u201cS&rsquo;inscrire\u201d, le Widget Hors-Canvas s&rsquo;ouvrira avec l&rsquo;effet et l&rsquo;effet de superposition de votre choix.     <\/p>\n\n<p>Connecter le Widget Hors-Canvas \u00e0 un lien est similaire \u00e0 la configuration d&rsquo;une balise dynamique.\nDans les param\u00e8tres du lien, allez \u00e0 l&rsquo;entr\u00e9e du lien, cliquez sur le bouton Balise Dynamique, et si vous avez plusieurs Widgets Hors-Canvas sur la page, ils appara\u00eetront comme \u201cWidget Hors-Canvas 1\u201d ou \u201cWidget Hors-Canvas 2\u201d, etc. selon leur position sur la page.\nEnsuite, choisissez si vous souhaitez que le lien d\u00e9clenche l&rsquo;ouverture, la fermeture ou les deux comportements.\nNotez que le lien connect\u00e9 au Widget Hors-Canvas doit \u00eatre sur la m\u00eame page ou partie du site que le Widget lui-m\u00eame.\nPar exemple, si vous souhaitez activer le widget \u00e0 partir d&rsquo;un lien dans l&rsquo;en-t\u00eate, le widget doit \u00e9galement \u00eatre plac\u00e9 dans l&rsquo;en-t\u00eate.    <\/p>\n\n<p>Le nouveau widget inclut \u00e9galement des capacit\u00e9s de conception professionnelles int\u00e9gr\u00e9es pour vous aider \u00e0 rester fid\u00e8le \u00e0 votre marque.\nDans le panneau d&rsquo;\u00e9dition sous Contenu &gt; Param\u00e8tres, vous pouvez personnaliser le style et la dur\u00e9e des animations d&rsquo;entr\u00e9e et de sortie du widget.\nVous avez \u00e9galement des contr\u00f4les pour dicter le comportement de l&rsquo;interaction, comme d\u00e9finir quand et comment quitter la superposition, emp\u00eachant le d\u00e9filement de la page.\nVous pouvez \u00e9galement styliser l&rsquo;effet de superposition qui couvre le reste de la page lorsque le conteneur est ouvert.\nChoisissez de l&rsquo;activer ou de le d\u00e9sactiver, changez sa couleur, ou choisissez une image \u00e0 la place.\nDe plus, vous pouvez \u00e9galement d\u00e9finir la balise HTML du Conteneur.\nDans l&rsquo;onglet Style, vous pouvez personnaliser l&rsquo;apparence du Widget Hors-Canvas comme vous le feriez avec n&rsquo;importe quel autre Conteneur.      <\/p>\n\n<p>Pour activer la nouvelle fonctionnalit\u00e9, activez \u201c\u00c9l\u00e9ments Imbriqu\u00e9s\u201d en allant sur Tableau de Bord WordPress \u2192 Elementor \u2192 Fonctionnalit\u00e9s.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/06\/Elementor-Caching-1024x538.png\" alt=\"\" class=\"wp-image-95624\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2024\/06\/Elementor-Caching-1024x538.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2024\/06\/Elementor-Caching-300x158.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2024\/06\/Elementor-Caching-768x403.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2024\/06\/Elementor-Caching-1536x806.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2024\/06\/Elementor-Caching-2048x1075.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Am\u00e9liorez les Temps de Chargement avec la Nouvelle Fonctionnalit\u00e9 de Mise en Cache des \u00c9l\u00e9ments <\/strong><\/h2>\n\n<p>Elementor 3.22 introduit une nouvelle fonctionnalit\u00e9 de mise en cache pour les widgets Elementor et Elementor Pro.\nLes tests de performance internes montrent des diff\u00e9rences dramatiques en comparant le m\u00eame site web avec et sans la nouvelle fonctionnalit\u00e9 de mise en cache ; l&rsquo;utilisation de la m\u00e9moire diminue de 3MB \u00e0 8KB, et le Temps au Premier Octet (TTFB) s&rsquo;am\u00e9liore de 33%-70%. <\/p>\n\n<p>Ces am\u00e9liorations de performance significatives sont r\u00e9alis\u00e9es en stockant la sortie du widget sur les serveurs apr\u00e8s qu&rsquo;ils soient enti\u00e8rement rendus pour la premi\u00e8re fois.\nCela permet aux visiteurs suivants de les charger sans avoir besoin de rendre \u00e0 nouveau le code du widget.\nPour \u00e9viter de mettre en cache des donn\u00e9es inutiles, la fonctionnalit\u00e9 distingue entre les widgets statiques et dynamiques, excluant le contenu dynamique avec des informations sp\u00e9cifiques aux visiteurs de la mise en cache.\nVous pouvez \u00e9galement modifier le param\u00e8tre par d\u00e9faut d&rsquo;un widget sp\u00e9cifique en activant ou d\u00e9sactivant le contr\u00f4le \u201cParam\u00e8tres de Cache\u201d ajout\u00e9 \u00e0 l&rsquo;onglet Avanc\u00e9 dans votre Panneau d&rsquo;\u00c9dition.\nUne fois l&rsquo;exp\u00e9rience \u201cMise en Cache des \u00c9l\u00e9ments\u201d activ\u00e9e, vous pouvez contr\u00f4ler la dur\u00e9e de mise en cache des donn\u00e9es de votre site web sur les serveurs depuis le nouvel onglet Performance trouv\u00e9 dans Tableau de Bord WordPress &gt; Elementor &gt; Performance.\nNotez que le param\u00e8tre de cache ne peut pas \u00eatre modifi\u00e9 pour les widgets suivants : Conteneur, Section, Colonne, Section Interne, et Hors-Canvas.     <\/p>\n\n<p>Pour activer la nouvelle fonctionnalit\u00e9, activez \u201cMise en Cache des \u00c9l\u00e9ments\u201d en allant sur Tableau de Bord WordPress \u2192 Elementor \u2192 Fonctionnalit\u00e9s.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/06\/Performance-1-1024x538.png\" alt=\"\" class=\"wp-image-95625\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2024\/06\/Performance-1-1024x538.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2024\/06\/Performance-1-300x158.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2024\/06\/Performance-1-768x403.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2024\/06\/Performance-1-1536x806.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2024\/06\/Performance-1-2048x1075.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Mises \u00e0 Jour de Performance Suppl\u00e9mentaires <\/strong><\/h2>\n\n<p> <strong>Remplacement des Biblioth\u00e8ques JS par du JS Natif<\/strong><\/p>\n\n<p>Cette version continue l&rsquo;effort de nettoyage du code de votre site web en rempla\u00e7ant les biblioth\u00e8ques JavaScript externes par des solutions bas\u00e9es sur du JS natif qui obtiennent de meilleurs r\u00e9sultats avec un code plus moderne.\nLa premi\u00e8re biblioth\u00e8que qui a \u00e9t\u00e9 remplac\u00e9e est `waypoint.js`, qui ex\u00e9cute des fonctions JavaScript li\u00e9es au d\u00e9filement de l&rsquo;utilisateur.\nLe remplacement de cette biblioth\u00e8que JavaScript r\u00e9duit l&rsquo;utilisation de la m\u00e9moire de 18KB, am\u00e9liorant les performances du frontend et les scores SEO.  <\/p>\n\n<p>Pour maintenir la compatibilit\u00e9 avec les addons tiers, la biblioth\u00e8que restera sur Elementor pour les prochaines versions, mais ne sera activ\u00e9e que si les d\u00e9veloppeurs d&rsquo;addons Elementor la d\u00e9finissent comme une d\u00e9pendance.<\/p>\n\n<h3 class=\"wp-block-heading\"><strong>Nouvel Onglet Performance<\/strong><\/h3>\n\n<p>\u00c0 mesure que les am\u00e9liorations de performance deviennent des fonctionnalit\u00e9s stables, il est devenu n\u00e9cessaire de les concentrer toutes en un seul endroit pour un acc\u00e8s facile.\n\u00c0 partir de la version 3.22, toutes les fonctionnalit\u00e9s de performance stables peuvent \u00eatre activ\u00e9es ou d\u00e9sactiv\u00e9es depuis le nouvel onglet Performance, qui se trouve dans Tableau de Bord WordPress &gt; Elementor &gt; Param\u00e8tres &gt; Performance.\nNous vous recommandons d&rsquo;explorer ces fonctionnalit\u00e9s et d&rsquo;activer celles qui sont pertinentes pour votre site web afin d&rsquo;am\u00e9liorer les performances de votre site.   <\/p>\n\n<h2 class=\"wp-block-heading\"><strong>Elementor 3.22 : Ajoutez des Dispositions Interactives Engagantes sur des Sites Web Plus Rapides que Jamais <\/strong><\/h2>\n\n<p>Cette version offre \u00e0 vos sites web le plus grand gain de performance des derni\u00e8res versions en vous permettant de mettre en cache la sortie des widgets statiques sur les serveurs.\nUne fois les donn\u00e9es mises en cache par un visiteur, tous les visiteurs suivants qui chargent votre site web via ce serveur b\u00e9n\u00e9ficieront de temps de chargement r\u00e9duits.\nElle nettoie \u00e9galement le code de votre site web en rempla\u00e7ant la biblioth\u00e8que Waypoint.JS par des solutions JS natives plus modernes.\nDe plus, l&rsquo;onglet performance regroupe toutes vos fonctionnalit\u00e9s d&rsquo;am\u00e9lioration des performances en un seul endroit, pour vous aider \u00e0 optimiser la vitesse de votre site web.\nEt enfin, le Widget Off-Canvas est un nouvel outil de conception professionnel qui vous permet de cr\u00e9er des mises en page interactives qui augmentent l&rsquo;engagement.     <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cr\u00e9ez des Dispositions Interactives avec le Widget Hors-Canvas et Am\u00e9liorez Sensiblement les Performances de Vos Sites Web en Activant la Mise en Cache des \u00c9l\u00e9ments et Plus Encore ! <\/p>\n","protected":false},"author":162340,"featured_media":108220,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[230,238],"tags":[422],"marketing_persona":[],"marketing_intent":[],"class_list":["post-111327","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor-fr","category-nouvelles-fonctionnalites-fr","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Nouveau Widget Hors-Canvas &amp; Mise en Cache des \u00c9l\u00e9ments dans Elementor 3.22<\/title>\n<meta name=\"description\" content=\"Cr\u00e9ez des Dispositions Interactives avec le Widget Hors-Canvas et Am\u00e9liorez Sensiblement les Performances de Vos Sites Web en Activant la Mise en Cache des \u00c9l\u00e9ments et Plus Encore !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nouveau Widget Hors-Canvas &amp; Mise en Cache des \u00c9l\u00e9ments dans Elementor 3.22\" \/>\n<meta property=\"og:description\" content=\"Cr\u00e9ez des Dispositions Interactives avec le Widget Hors-Canvas et Am\u00e9liorez Sensiblement les Performances de Vos Sites Web en Activant la Mise en Cache des \u00c9l\u00e9ments et Plus Encore !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-18T11:14:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-18T11:29:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/06\/cover-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dean Issacharoff\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dean Issacharoff\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/\"},\"author\":{\"name\":\"Dean Issacharoff\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055\"},\"headline\":\"Nouveau Widget Hors-Canvas &amp; Mise en Cache des \u00c9l\u00e9ments dans Elementor 3.22\",\"datePublished\":\"2024-06-18T11:14:00+00:00\",\"dateModified\":\"2024-06-18T11:29:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/\"},\"wordCount\":1281,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/06\/cover-2.png\",\"keywords\":[\"Vid\u00e9o\"],\"articleSection\":[\"Elementor\",\"Nouvelles fonctionnalit\u00e9s\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/\",\"url\":\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/\",\"name\":\"Nouveau Widget Hors-Canvas &amp; Mise en Cache des \u00c9l\u00e9ments dans Elementor 3.22\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/06\/cover-2.png\",\"datePublished\":\"2024-06-18T11:14:00+00:00\",\"dateModified\":\"2024-06-18T11:29:09+00:00\",\"description\":\"Cr\u00e9ez des Dispositions Interactives avec le Widget Hors-Canvas et Am\u00e9liorez Sensiblement les Performances de Vos Sites Web en Activant la Mise en Cache des \u00c9l\u00e9ments et Plus Encore !\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/06\/cover-2.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/06\/cover-2.png\",\"width\":2400,\"height\":1260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor\",\"item\":\"https:\/\/elementor.com\/blog\/fr\/category\/elementor-fr\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Nouveau Widget Hors-Canvas &amp; Mise en Cache des \u00c9l\u00e9ments dans Elementor 3.22\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/fr\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055\",\"name\":\"Dean Issacharoff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/18b262e140892fa3c934d7d7c4e424d8fff8def6f71a266ab9390bc5478f66a0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/18b262e140892fa3c934d7d7c4e424d8fff8def6f71a266ab9390bc5478f66a0?s=96&d=mm&r=g\",\"caption\":\"Dean Issacharoff\"},\"description\":\"Dean is a Product Marketing Manager at Elementor with years of experience in marketing and strategic communications. He loves good books, bad movies, and cooking for friends.\",\"url\":\"https:\/\/elementor.com\/blog\/fr\/author\/deanissach\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nouveau Widget Hors-Canvas &amp; Mise en Cache des \u00c9l\u00e9ments dans Elementor 3.22","description":"Cr\u00e9ez des Dispositions Interactives avec le Widget Hors-Canvas et Am\u00e9liorez Sensiblement les Performances de Vos Sites Web en Activant la Mise en Cache des \u00c9l\u00e9ments et Plus Encore !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/","og_locale":"fr_FR","og_type":"article","og_title":"Nouveau Widget Hors-Canvas &amp; Mise en Cache des \u00c9l\u00e9ments dans Elementor 3.22","og_description":"Cr\u00e9ez des Dispositions Interactives avec le Widget Hors-Canvas et Am\u00e9liorez Sensiblement les Performances de Vos Sites Web en Activant la Mise en Cache des \u00c9l\u00e9ments et Plus Encore !","og_url":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2024-06-18T11:14:00+00:00","article_modified_time":"2024-06-18T11:29:09+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/06\/cover-2.png","type":"image\/png"}],"author":"Dean Issacharoff","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"\u00c9crit par":"Dean Issacharoff","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/"},"author":{"name":"Dean Issacharoff","@id":"https:\/\/elementor.com\/blog\/fr\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055"},"headline":"Nouveau Widget Hors-Canvas &amp; Mise en Cache des \u00c9l\u00e9ments dans Elementor 3.22","datePublished":"2024-06-18T11:14:00+00:00","dateModified":"2024-06-18T11:29:09+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/"},"wordCount":1281,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/06\/cover-2.png","keywords":["Vid\u00e9o"],"articleSection":["Elementor","Nouvelles fonctionnalit\u00e9s"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/","url":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/","name":"Nouveau Widget Hors-Canvas &amp; Mise en Cache des \u00c9l\u00e9ments dans Elementor 3.22","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/06\/cover-2.png","datePublished":"2024-06-18T11:14:00+00:00","dateModified":"2024-06-18T11:29:09+00:00","description":"Cr\u00e9ez des Dispositions Interactives avec le Widget Hors-Canvas et Am\u00e9liorez Sensiblement les Performances de Vos Sites Web en Activant la Mise en Cache des \u00c9l\u00e9ments et Plus Encore !","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/06\/cover-2.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/06\/cover-2.png","width":2400,"height":1260},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/fr\/nouveau-widget-hors-canvas-mise-en-cache-des-elements-dans-elementor-3-22\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/fr\/"},{"@type":"ListItem","position":2,"name":"Elementor","item":"https:\/\/elementor.com\/blog\/fr\/category\/elementor-fr\/"},{"@type":"ListItem","position":3,"name":"Nouveau Widget Hors-Canvas &amp; Mise en Cache des \u00c9l\u00e9ments dans Elementor 3.22"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/fr\/#website","url":"https:\/\/elementor.com\/blog\/fr\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/fr\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/blog\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/fr\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055","name":"Dean Issacharoff","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/blog\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/18b262e140892fa3c934d7d7c4e424d8fff8def6f71a266ab9390bc5478f66a0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/18b262e140892fa3c934d7d7c4e424d8fff8def6f71a266ab9390bc5478f66a0?s=96&d=mm&r=g","caption":"Dean Issacharoff"},"description":"Dean is a Product Marketing Manager at Elementor with years of experience in marketing and strategic communications. He loves good books, bad movies, and cooking for friends.","url":"https:\/\/elementor.com\/blog\/fr\/author\/deanissach\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/111327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/users\/162340"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/comments?post=111327"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/111327\/revisions"}],"predecessor-version":[{"id":111328,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/111327\/revisions\/111328"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/media\/108220"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/media?parent=111327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/categories?post=111327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/tags?post=111327"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/marketing_persona?post=111327"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/marketing_intent?post=111327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}