{"id":112042,"date":"2024-06-18T14:14:00","date_gmt":"2024-06-18T11:14:00","guid":{"rendered":"https:\/\/elementor.com\/blog\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/"},"modified":"2024-06-18T14:29:09","modified_gmt":"2024-06-18T11:29:09","slug":"nieuwe-off-canvas-widget-element-caching-in-elementor-3-22","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/","title":{"rendered":"Nieuwe Off-Canvas Widget &amp; Element Caching in Elementor 3.22"},"content":{"rendered":"\n<p>Deze versie biedt je een nieuw professioneel ontwerphulpmiddel, de Off-Canvas Widget.\nHiermee kun je interactieve lay-outs maken door een container te openen en te sluiten vanuit een link.\nHet updaten van Elementor zal ook de laadtijd en prestatiescores van je website sterk verbeteren met nieuwe functies zoals Element Caching die de Time To First Byte (TTFB) metriek met %-70% verbetert, of de eerste JS-bibliotheek vervangen door native JS om de laadtijd van JavaScript-bibliotheken te optimaliseren.  <\/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]  Nieuw: Off-Canvas Widget Interactieve Lay-outs<\/strong><\/h2>\n\n<p>Met de Off-Canvas Widget kunnen ontwerpers interactieve paginalay-outs en boeiende gebruikerservaringen ontwerpen met containers die worden geopend door op een verbonden link te klikken.\nOm de Off-Canvas Widget te gebruiken, plaats je hem ergens op je pagina en klik je op de knop &#8220;Bewerkingsmodus&#8221; in het bewerkingspaneel om hem te openen en te sluiten in de editor.\nAls nieuwe toevoeging aan geneste elementen functioneert het inhoudsgebied als een Container, zodat je elke lay-out kunt bouwen en ontwerpen.\nJe kunt bijvoorbeeld een Off-Canvas Widget verbinden met een knop &#8220;Aanmelden&#8221;.\nPlaats de formulierwidget in het inhoudsgebied van het off-canvas en geef het vorm met alle ontwerpmogelijkheden van een gewone container.\nZodra een bezoeker op &#8220;Aanmelden&#8221; klikt, wordt de Off-Canvas Widget geopend met het effect en Overlay Effect van jouw keuze.     <\/p>\n\n<p>Het koppelen van de Off-Canvas Widget aan een link is vergelijkbaar met het instellen van een dynamische tag.\nGa in de instellingen van de link naar de linkinvoer, klik op de knop Dynamische tag en als je meerdere Off-Canvas Widgets op de pagina hebt, worden ze weergegeven als &#8220;Off-Canvas Widget 1&#8221; of &#8220;Off-Canvas Widget 2&#8221;, enzovoort, afhankelijk van hun positie op de pagina.\nKies vervolgens of je wilt dat de link het open-, sluit- of beide gedrag activeert.\nMerk op dat de link die is verbonden met de off-canvas widget op dezelfde pagina of hetzelfde site-onderdeel moet staan als de widget zelf.\nAls je de widget bijvoorbeeld wilt activeren via een link in de header, dan moet de widget ook in de header staan.    <\/p>\n\n<p>De nieuwe widget heeft ook ingebouwde professionele ontwerpmogelijkheden om je te helpen bij je merk te blijven.\nIn het bewerkingspaneel onder Inhoud &gt; Instellingen kun je de stijl en duur van de animaties voor het in- en uitgaan van de widget aanpassen.\nJe kunt ook het gedrag van de interactie dicteren, zoals instellen wanneer en hoe de overlay moet worden verlaten, waardoor scrollen van de pagina wordt voorkomen.\nJe kunt ook het Overlay-effect stylen dat de rest van de pagina bedekt als de container is geopend.\nJe kunt ervoor kiezen om het aan of uit te zetten, de kleur te veranderen of in plaats daarvan een afbeelding te kiezen.\nDaarnaast kun je ook de HTML-tag van de container defini\u00ebren.\nOp het tabblad Stijl kun je het uiterlijk van de Widget Off Canvas aanpassen zoals je dat bij elke andere Container zou doen.      <\/p>\n\n<p>Om de nieuwe functie te activeren, activeer je &#8220;Nested Elements&#8221; door naar WordPress Dashboard \u2192 Elementor \u2192 Functies te gaan.<\/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>Laadtijden verbeteren met de nieuwe Element Caching functie  <\/strong><\/h2>\n\n<p>Elementor 3.22 introduceert een nieuwe cachingfunctie voor Elementor en Elementor Pro widgets.\nInterne prestatietests laten dramatische verschillen zien bij het vergelijken van dezelfde website met en zonder de nieuwe cachingfunctie; het geheugengebruik daalt van 3 MB naar 8 KB en de Time To First Byte (TTFB) metric verbetert met %-70%. <\/p>\n\n<p>Deze aanzienlijke prestatieverbeteringen worden bereikt door de uitvoer van de widget op te slaan op servers nadat ze voor de eerste keer volledig gerenderd zijn.\nHierdoor kunnen volgende bezoekers ze laden zonder dat ze de widgetcode opnieuw volledig hoeven te renderen.\nOm het cachen van onnodige gegevens te voorkomen, maakt de functie onderscheid tussen statische en dynamische widgets en wordt dynamische inhoud met bezoekersspecifieke informatie niet in de cache opgeslagen.\nJe kunt de standaardinstelling van een specifieke widget ook wijzigen door de &#8220;Cache-instellingen&#8221; regelaar te activeren of deactiveren die is toegevoegd aan het tabblad Geavanceerd in je Bewerkingspaneel.\nZodra het experiment &#8220;Element Caching&#8221; is geactiveerd, kun je bepalen hoe lang je wilt dat de gegevens van je website in de cache op de servers worden opgeslagen vanaf het nieuwe tabblad Prestaties, dat je kunt vinden in het WordPress Dashboard &gt; Elementor &gt; Prestaties.\nMerk op dat de Cache-instelling niet kan worden gewijzigd voor de volgende widgets: Container, Sectie, Kolom, Binnenste Sectie en Off-Canvas.     <\/p>\n\n<p>Om de nieuwe functie te activeren, activeer je &#8220;Element Caching&#8221; door naar WordPress Dashboard \u2192 Elementor \u2192 Functies te gaan.<\/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>Aanvullende prestatie-updates  <\/strong><\/h2>\n\n<p> <strong>JS-bibliotheken vervangen door native JS<\/strong><\/p>\n\n<p>Deze versie gaat verder met het opschonen van de code van je website door externe JavaScript-bibliotheken te vervangen door native JS-gebaseerde oplossingen die betere resultaten behalen met modernere code.\nDe eerste bibliotheek die is vervangen is `waypoint.js`, die JavaScript-functies uitvoert met betrekking tot het scrollen van gebruikers.\nHet vervangen van deze JavaScript-bibliotheek vermindert het geheugengebruik met 18 KB, waardoor de prestaties aan de voorkant en de SEO-scores verbeteren.  <\/p>\n\n<p>Om achterwaartse compatibiliteit met addons van derden te behouden, blijft de bibliotheek voor de komende releases op Elementor staan, maar wordt deze alleen geactiveerd als ontwikkelaars van Elementor addons deze als afhankelijkheid instellen.<\/p>\n\n<h3 class=\"wp-block-heading\"><strong>Nieuw tabblad Prestaties<\/strong><\/h3>\n\n<p>Naarmate meer prestatieverbeteringen uitgroeien tot stabiele functies, is er een groeiende behoefte om ze allemaal op \u00e9\u00e9n plek te concentreren zodat ze gemakkelijk toegankelijk zijn.\nVanaf versie 3.22 kunnen alle stabiele prestatiekenmerken worden geactiveerd of gedeactiveerd vanaf het nieuwe tabblad Prestaties, dat je kunt vinden in WordPress Dashboard &gt; Elementor &gt; Instellingen &gt; Prestaties.\nWe raden je aan om deze functies te verkennen en de functies die relevant zijn voor jouw website te activeren om de prestaties van je website te helpen verbeteren.    <\/p>\n\n<h2 class=\"wp-block-heading\"><strong>Elementor 3.22: Sneller dan ooit boeiende interactieve lay-outs toevoegen aan websites  <\/strong><\/h2>\n\n<p>Deze versie geeft je websites de meest significante prestatieverbetering in recente releases doordat je de uitvoer van statische widgets kunt cachen op servers.\nZodra gegevens door een bezoeker in de cache zijn opgeslagen, zullen alle volgende bezoekers die je website via die server laden kortere laadtijden ervaren.\nOok wordt de code van je website opgeschoond door de Waypoint.JS bibliotheek te vervangen door modernere native JS oplossingen.\nDaarnaast concentreert het tabblad Prestaties al je prestatieverbeterende functies op \u00e9\u00e9n plek, om je te helpen de snelheid van je website te optimaliseren.\nEn last but not least is de Off-Canvas Widget een nieuwe professionele ontwerptool waarmee je interactieve lay-outs kunt maken die de betrokkenheid verhogen.      <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bouw interactieve lay-outs met de Off-Canvas Widget en geef je websites een grote prestatieverbetering door Element Caching en meer te activeren!  <\/p>\n","protected":false},"author":162340,"featured_media":112048,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[290,322],"tags":[426],"marketing_persona":[],"marketing_intent":[],"class_list":["post-112042","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor-nl","category-new-features-nl","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Nieuwe Off-Canvas Widget &amp; Element Caching in Elementor 3.22<\/title>\n<meta name=\"description\" content=\"Bouw interactieve lay-outs met de Off-Canvas Widget en geef je websites een grote prestatieverbetering door Element Caching en meer te activeren!\" \/>\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\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nieuwe Off-Canvas Widget &amp; Element Caching in Elementor 3.22\" \/>\n<meta property=\"og:description\" content=\"Bouw interactieve lay-outs met de Off-Canvas Widget en geef je websites een grote prestatieverbetering door Element Caching en meer te activeren!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-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=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dean Issacharoff\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/\"},\"author\":{\"name\":\"Dean Issacharoff\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055\"},\"headline\":\"Nieuwe Off-Canvas Widget &amp; Element Caching in 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\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/\"},\"wordCount\":1052,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/06\/cover-2.png\",\"keywords\":[\"Video\"],\"articleSection\":[\"Elementor\",\"Nieuwe functies\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/\",\"name\":\"Nieuwe Off-Canvas Widget &amp; Element Caching in Elementor 3.22\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-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\":\"Bouw interactieve lay-outs met de Off-Canvas Widget en geef je websites een grote prestatieverbetering door Element Caching en meer te activeren!\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-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\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/category\/elementor-nl\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Nieuwe Off-Canvas Widget &amp; Element Caching in Elementor 3.22\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/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\/nl\/#\/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\/nl\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055\",\"name\":\"Dean Issacharoff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/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\/nl\/author\/deanissach\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nieuwe Off-Canvas Widget &amp; Element Caching in Elementor 3.22","description":"Bouw interactieve lay-outs met de Off-Canvas Widget en geef je websites een grote prestatieverbetering door Element Caching en meer te activeren!","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\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/","og_locale":"nl_NL","og_type":"article","og_title":"Nieuwe Off-Canvas Widget &amp; Element Caching in Elementor 3.22","og_description":"Bouw interactieve lay-outs met de Off-Canvas Widget en geef je websites een grote prestatieverbetering door Element Caching en meer te activeren!","og_url":"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-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":{"Geschreven door":"Dean Issacharoff","Geschatte leestijd":"5 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/"},"author":{"name":"Dean Issacharoff","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055"},"headline":"Nieuwe Off-Canvas Widget &amp; Element Caching in 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\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/"},"wordCount":1052,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/06\/cover-2.png","keywords":["Video"],"articleSection":["Elementor","Nieuwe functies"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/","url":"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/","name":"Nieuwe Off-Canvas Widget &amp; Element Caching in Elementor 3.22","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-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":"Bouw interactieve lay-outs met de Off-Canvas Widget en geef je websites een grote prestatieverbetering door Element Caching en meer te activeren!","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/nieuwe-off-canvas-widget-element-caching-in-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\/nl\/nieuwe-off-canvas-widget-element-caching-in-elementor-3-22\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/nl\/"},{"@type":"ListItem","position":2,"name":"Elementor","item":"https:\/\/elementor.com\/blog\/nl\/category\/elementor-nl\/"},{"@type":"ListItem","position":3,"name":"Nieuwe Off-Canvas Widget &amp; Element Caching in Elementor 3.22"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/nl\/#website","url":"https:\/\/elementor.com\/blog\/nl\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/nl\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/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\/nl\/#\/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\/nl\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055","name":"Dean Issacharoff","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/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\/nl\/author\/deanissach\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/112042","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/users\/162340"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/comments?post=112042"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/112042\/revisions"}],"predecessor-version":[{"id":112052,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/112042\/revisions\/112052"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media\/112048"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media?parent=112042"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/categories?post=112042"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/tags?post=112042"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_persona?post=112042"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_intent?post=112042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}