{"id":111828,"date":"2024-03-19T10:58:15","date_gmt":"2024-03-19T08:58:15","guid":{"rendered":"https:\/\/elementor.com\/blog\/introductie-van-elementor-3-20-nieuwe-functies-voor-weergaveomstandigheden-prestatieverbeteringen\/"},"modified":"2025-12-27T18:30:46","modified_gmt":"2025-12-27T16:30:46","slug":"introductie-van-elementor-3-20-nieuwe-functies-voor-weergaveomstandigheden-prestatieverbeteringen","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/nl\/introductie-van-elementor-3-20-nieuwe-functies-voor-weergaveomstandigheden-prestatieverbeteringen\/","title":{"rendered":"Introductie van Elementor 3.20: nieuwe functies voor weergaveomstandigheden, prestatieverbeteringen"},"content":{"rendered":"\n

We waren erg enthousiast over de introductie van Display condities voor elementen.\nDeze versie vergroot hun kracht nog verder door je de mogelijkheid te geven om meerdere voorwaarden met elkaar te verbinden met behulp van de OR-connector.\nBovendien heb je nu de optie om Weergavevoorwaarden in te stellen op basis van WordPress Custom Fields.\nEn last but not least: updaten naar versie 3.20 verbetert ook de prestaties van je website, wat resulteert in een soepelere bouw- en bezoekervaring. <\/p>\n\n

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

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

Upgrade je Pro abonnement<\/a><\/p>\n\n

Geavanceerde conditieschema’s maken met de OR Connector<\/strong><\/h2>\n\n
\"\"<\/figure>\n\n

Met de vorige versie van Display Conditions kon je meerdere voorwaarden verbinden met behulp van de AND-connector, die het element weergeeft als aan alle<\/em> voorwaarden is voldaan.\nMet de verbeteringen aan Weergavevoorwaarden in Elementor 3.20 kun je voorwaardengroepen maken en deze verbinden met behulp van de OR-connector.\nHierdoor kun je meerdere voorwaarden instellen en het element weergeven als aan een<\/em> van de voorwaarden is voldaan. <\/p>\n\n

Als je bijvoorbeeld een couponcode wilt weergeven voor volgers op sociale media of bezoekers die zijn ingelogd, kun je voor hetzelfde element twee conditiegroepen instellen die zijn verbonden met de OR-connector.\nDe eerste groep zou de voorwaarde “Login Status Is Ingelogd” bevatten en de tweede groep zou “Van URL<\/a> Bevat je sociale media pagina<\/em>” bevatten.\nHierdoor wordt de coupon weergegeven aan bezoekers die zijn<\/em> ingelogd of de pagina hebben bereikt via je sociale mediagroep. <\/p>\n\n

<\/a>Krijg Elementor Pro om Weergavevoorwaarden te gebruiken<\/a><\/p>\n\n

<\/a>Krijg Elementor Pro om Weergavevoorwaarden te gebruiken<\/a><\/p>\n\n

Upgrade je Pro-abonnement om Weergavevoorwaarden te verbinden met OR-logica<\/a><\/p>\n\n

Dynamische bezoekerservaringen op basis van dynamische tags <\/strong><\/h2>\n\n
\"\"<\/figure>\n\n

Je kunt nu weergavevoorwaarden instellen op basis van Dynamic Tags, waaronder native WordPress Custom Fields.\nDeze voorwaarden zijn vooral handig om je sjablonen voor afzonderlijke berichten en pagina’s om te zetten in dynamische ontwerpen die passen bij hun inhoud.\nAls je bijvoorbeeld een Icon Box Widget gebruikt om een pictogram weer te geven naast je dynamisch ingevulde titel, dan kun je een voorwaarde instellen die de hele Icon Box Widget alleen weergeeft als de titel “Niet leeg is”.\nCondities gebaseerd op Dynamic Tags hebben ook aanvullende parameters gebaseerd op de waarden van aangepaste velden, zoals “Is niet” of “Bevat” een bepaalde waarde. <\/p>\n\n

<\/a>Krijg Elementor Pro om Weergavevoorwaarden te gebruiken<\/a><\/p>\n\n

<\/a>Krijg Elementor Pro om Weergavevoorwaarden te gebruiken<\/a><\/p>\n\n

Upgrade je Pro-abonnement om Voorwaarden voor Beeldschermen te gebruiken<\/a><\/p>\n\n

Prestatie- en toegankelijkheidsverbeteringen <\/strong><\/h2>\n\n
\"\"<\/figure>\n\n

Prestatieverbeteringen<\/strong><\/h2>\n\n

Deze versie van Elementor bevat belangrijke prestatie-updates, wat resulteert in een snellere en prettigere ervaring bij het bouwen en doorbladeren van websites.<\/p>\n\n

Snellere TTFB<\/strong><\/h3>\n\n

Elementor 3.20 verbetert de Time to First Byte (TTFB) score met 3-5%, en zelfs meer op zwaardere pagina’s door geoptimaliseerde rendering van elementen.\nDit wordt bereikt door onnodige besturingselementen uit te sluiten van rendering op de voorkant. <\/p>\n\n

DOM optimalisatie<\/strong><\/h3>\n\n

Elke widget die je op je website plaatst en elke functie of stijlinstelling die je toevoegt, cre\u00ebert code die instructies bevat over hoe webbrowsers je site moeten weergeven.\nZoals je zou verwachten, hoe meer code je hebt, hoe meer tijd de browser nodig heeft om je inhoud weer te geven.\nDoor bij te werken naar versie 3.20 wordt de DOM-uitvoer van Containers automatisch verminderd, waardoor je geavanceerde lay-outs kunt bouwen met behoud van hoge prestaties.\nIn vergelijking met de vorige versie (3.19) produceren Flexbox Containers nu 39% minder code en Grid Containers 85% minder code.\nDaarnaast verbetert deze versie de prestaties van de Editor door de DOM-uitvoer van de aangepaste unit controls te verminderen. <\/p>\n\n

Toegankelijkheid verbeteren<\/strong><\/h3>\n\n

Elementor blijft tijd en moeite steken in het toegankelijker maken van het internet voor bezoekers en webontwikkelaars die afhankelijk zijn van ondersteunende technologie\u00ebn.\nVoor meer gedetailleerde informatie over de toegankelijkheidsverbeteringen kun je terecht op de Developers Blog<\/a>. <\/p>\n\n