{"id":116781,"date":"2023-11-01T10:52:47","date_gmt":"2023-11-01T08:52:47","guid":{"rendered":"https:\/\/elementor.com\/blog\/neu-in-elementor-3-17-verbessern-sie-das-besuchererlebnis-mit-ajax-schnelleren-websites-und-mehr\/"},"modified":"2025-12-28T02:31:22","modified_gmt":"2025-12-28T00:31:22","slug":"neu-in-elementor-3-17-verbessern-sie-das-besuchererlebnis-mit-ajax-schnelleren-websites-und-mehr","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/de\/neu-in-elementor-3-17-verbessern-sie-das-besuchererlebnis-mit-ajax-schnelleren-websites-und-mehr\/","title":{"rendered":"Neu in Elementor 3.17 – Verbessern Sie das Besuchererlebnis mit AJAX, schnelleren Websites und mehr"},"content":{"rendered":"\n

Diese Version f\u00fchrt das lang erwartete AJAX-Laden f\u00fcr Loop-Grids ein, das es Ihnen erm\u00f6glicht, die Paginierung zu \u00e4ndern, ohne die gesamte Seite neu zu laden.\nEs optimiert auch das Laden von Bildern und verbessert die Leistung Ihrer Website.\nDas neue Bewertungs-Widget erweitert Ihre Flexibilit\u00e4t, ein benutzerdefiniertes SVG<\/a> hochzuladen und jede Bewertungsskala auszuw\u00e4hlen.\nDar\u00fcber hinaus erm\u00f6glichen Verbesserungen des Mega-Men\u00fcs horizontales Scrollen f\u00fcr Men\u00fcs, die nicht in das „Hamburger-Layout“ minimiert werden. <\/p>\n\n

Hello Theme<\/a> wird auf Version 2.9 aktualisiert und bietet eine neue Einstellungsseite, auf der Sie integrierte Theme-Funktionen deaktivieren k\u00f6nnen, um die Leistung der Website zu verbessern.<\/p>\n\n

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

[PRO] Einf\u00fchrung von AJAX f\u00fcr Loop-Grids – F\u00fcr nahtloses Laden von Inhalten <\/strong><\/h2>\n\n

Wir freuen uns, das vierth\u00e4ufigste angeforderte Feature auf GitHub vorzustellen: AJAX-Laden f\u00fcr Loop-Grids.\nAJAX, das f\u00fcr Asynchronous JavaScript and XML steht, macht das Besuchererlebnis Ihrer Website reibungsloser, indem neue Inhalte in einem Loop-Grid geladen werden, ohne die gesamte Seite neu zu laden. <\/p>\n\n

AJAX-Loop-Grid-Paginierung <\/strong><\/h3>\n\n

Besucher k\u00f6nnen jetzt zwischen den Seiten Ihrer Auflistung wechseln, ohne die gesamte Seite neu zu laden.\nEin Klick auf das Paginierungselement des Loop-Grids l\u00e4dt nur den Inhalt des Grids neu und erleichtert so das Durchsuchen einer Produkt- oder Beitragsauflistung.\nDie AJAX-Paginierung weist jeder Seite Ihrer Auflistung auch einen eigenen URL<\/a>-Parameter zu, was es den Besuchern erleichtert, Links zu bestimmten Auflistungsseiten zu speichern oder zu teilen.\nWenn Sie beispielsweise einen Rezeptblog erstellen, k\u00f6nnen Besucher m\u00fchelos durch eine Auflistung von Rezepten bl\u00e4ttern und Links zu Seiten mit Rezepten, die ihnen gefallen haben, teilen oder speichern. <\/p>\n\n

Die „Autoscroll“-Steuerung ist eine weitere Funktion des AJAX-Ladens.\nDas Aktivieren von Autoscroll scrollt automatisch zum Anfang des Grids, wenn Besucher die Paginierung \u00e4ndern.\nWenn Sie einen Taxonomie-Filter verwenden, k\u00f6nnen Sie einen Offset-Wert f\u00fcr den Autoscroll-Effekt festlegen, um Ihre Filterleiste im Blick zu behalten. <\/p>\n\n

Individuelle Paginierung f\u00fcr Loop-Grids und Posts-Widget<\/strong><\/h3>\n\n

In fr\u00fcheren Versionen beeinflusste das \u00c4ndern der Paginierung einer Auflistung die Paginierung anderer Auflistungen auf derselben Seite.\nWenn beispielsweise sowohl ein Loop-Grid als auch ein Posts-Widget auf derselben Seite platziert waren, w\u00fcrde das Ausw\u00e4hlen der dritten Seite eines von ihnen auch die dritte Seite des anderen laden.\nMit der Funktion der individuellen Paginierung k\u00f6nnen Besucher jedoch jetzt die Paginierung einer Auflistung \u00e4ndern, ohne andere Loop-Grids und Posts-Widgets<\/a> auf der Seite zu beeinflussen.\nIn einem Rezeptblog k\u00f6nnen Sie beispielsweise ein Loop-Grid hinzuf\u00fcgen, das vegetarische Rezepte anzeigt, neben einem Loop-Grid oder Posts-Widget, das eine Auflistung aller Ihrer Beitr\u00e4ge anzeigt.\nBesucher k\u00f6nnen die Paginierung entweder des Posts-Widgets oder des Loop-Grids unabh\u00e4ngig voneinander \u00e4ndern. <\/p>\n\n

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

Verbessern Sie die Website-Leistung mit schnellerem LCP<\/strong><\/h2>\n\n

Elementor<\/a> 3.17 macht Ihre Website noch schneller mit zwei Funktionen, die die Ladezeit Ihrer Website beschleunigen. <\/p>\n\n

Bildladeoptimierung<\/strong><\/h3>\n\n

Das erste Leistungsupdate in dieser Version ist das Ergebnis der Partnerschaft von Elementor mit Chrome, um M\u00f6glichkeiten zur Verbesserung der Leistung von Elementor-Websites zu identifizieren.\nDie Zusammenarbeit umfasst die Nutzung von Google-Tools wie dem Chrome User Experience Report und dem Core Web Vitals Technology Report.\nEines der Ergebnisse der Nutzung dieser Tools ist Googles Entscheidung, die Funktion \u201eBildladeoptimierung\u201c zum Kern-Plugin von Elementor beizutragen. <\/p>\n\n

Diese experimentelle Funktion verbessert die Frontend-Geschwindigkeit, indem das Laden von Bildern basierend auf der Platzierung der Bilder auf der Seite priorisiert wird.\nSie erkennt, welches Bild h\u00f6chstwahrscheinlich das „LCP-Bild“ ist, das gr\u00f6\u00dfte inhaltsreiche Element im Viewport, und priorisiert dessen Laden mithilfe von Priorit\u00e4tshinweisen. <\/p>\n\n

Das Experiment wendet auch Lazy-Loading auf Bilder an, die nicht sofort im Viewport angezeigt werden, und l\u00e4dt sie, wenn sie in den Sichtbereich kommen.\nDiese \u00c4nderungen verbessern die LCP Core Web Vital-Metrik um 5-10 %, je nach Komplexit\u00e4t der Seite.\nSeiten mit vielen Bildern profitieren von einem noch gr\u00f6\u00dferen Leistungsanstieg.\nDiese Funktion funktioniert auch mit Elementor-Websites, die auf \u00e4lteren Versionen von WordPress laufen, die keine LCP-Erkennungsupdates enthalten. <\/p>\n\n

Gutenberg-Asset-Laden<\/strong><\/h3>\n\n

Das zweite Leistungsupdate erh\u00f6ht die Frontend-Geschwindigkeit Ihrer Website, indem Gutenberg-Stile und -Skripte ausgeschlossen werden, wenn sie nicht verwendet werden.\nDieses Experiment verbessert Ihre LCP-Metrik, indem erkannt wird, wann Gutenberg nicht verwendet wurde, um eine Seite zu erstellen oder deren Inhalt zu generieren.\nDies erm\u00f6glicht es Elementor, unn\u00f6tigen Code nicht zu laden. <\/p>\n\n

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

Neues Bewertungs-Widget f\u00fcr Designflexibilit\u00e4t <\/strong><\/h2>\n\n

Elementor 3.17 f\u00fchrt das neue Bewertungs-Widget ein, das mehr Flexibilit\u00e4t bietet, um Ihre visuellen Bewertungsskalen f\u00fcr Produkte, Inhalte und mehr zu personalisieren.\nSie k\u00f6nnen Ihre Bewertung visuell mit Font Awesome-Icons darstellen oder Ihr eigenes SVG hochladen.\nF\u00fcr eine Musikrezension k\u00f6nnten Sie beispielsweise Ihr SVG verwenden, um einem neuen Album eine Bewertung von 5 von 5 goldenen Schallplatten zu geben. <\/p>\n\n

Das Bewertungs-Widget erweitert die Bandbreite der Bewertungsskalen, die im Sternbewertungs-Widget verf\u00fcgbar sind.\nAnstatt auf eine Skala von 0-5 oder 0-10 beschr\u00e4nkt zu sein, k\u00f6nnen Sie jetzt eine Bewertungsskala von null bis zu jeder beliebigen Zahl festlegen, die Ihren Anforderungen entspricht.\nSie k\u00f6nnten beispielsweise einem Album eine Bewertung von 3 von 3 oder 7 von 7 goldenen Schallplatten geben.\nDas Dropdown-Men\u00fc f\u00fcr die Bewertungsskala wurde durch einen Bereich ersetzt, um die Benutzerfreundlichkeit zu verbessern. <\/p>\n\n

Dar\u00fcber hinaus verbessert das Bewertungs-Widget das SEO-Ranking Ihrer Website mit einem verbesserten Schema-Attribut.\nEs ersetzt das Sternbewertungs-Widget im Widget-Panel, aber alle vorhandenen Sternbewertungen auf Ihrer Website bleiben unber\u00fchrt. <\/p>\n\n

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

Horizontales Scrollen f\u00fcr das Men\u00fc-Widget <\/strong><\/h2>\n\n

Elementor 3.17 bietet mehr Designflexibilit\u00e4t beim Erstellen von Men\u00fcs.\nBisher wurden Men\u00fcs in ein „Dropdown-Layout“ (auch bekannt als „Hamburger-Men\u00fc“) umgewandelt, wenn Besucher die Gr\u00f6\u00dfe ihres Viewports \u00e4nderten.\nMit den neuen Updates des Men\u00fc-Widgets k\u00f6nnen Sie verhindern, dass Men\u00fcs ihre Gr\u00f6\u00dfe \u00e4ndern, indem Sie zu den Responsive<\/a>-Einstellungen gehen, das Dropdown-Men\u00fc mit der Bezeichnung \u201eBreakpoint\u201c \u00f6ffnen und \u201eNone\u201c ausw\u00e4hlen. <\/p>\n\n

Das Deaktivieren der responsiven Gr\u00f6\u00dfen\u00e4nderung kann dazu f\u00fchren, dass das Men\u00fc breiter als der Viewport ist.\nIn vielen F\u00e4llen kann dies dazu f\u00fchren, dass einige Men\u00fcelemente in die n\u00e4chste Zeile verschoben werden.\nUm dies zu verhindern, enth\u00e4lt Version 3.17 auch die M\u00f6glichkeit, horizontales Scrollen zu aktivieren.\nWenn aktiviert, beh\u00e4lt Ihr Men\u00fc sein urspr\u00fcngliches Design auf jedem Ger\u00e4t bei und erm\u00f6glicht es Besuchern, horizontal durch die Men\u00fcpunkte zu scrollen, ohne das Design zu st\u00f6ren. <\/p>\n\n

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

Zug\u00e4nglichkeitsverbesserungen<\/strong><\/h2>\n\n