Die Verbesserung der Funktionalität deiner Website ist ein wichtiger Teil beim Erstellen und Pflegen von Websites. Die Richtlinien in diesem Artikel können dazu beitragen, die Erfahrung deiner Besuche...

Website-Performance: Tipps und Empfehlungen

Wenn du deine Website bei Google PageSpeed Insights überprüfst, wirst du möglicherweise aufgefordert, nicht verwendete JavaScript-Dateien zu entfernen. Einige dieser Dateien stammen möglicherweise aus...

Website-Performance: Nicht verwendetes JavaScript entfernen

<div data-component-type="text"><div>Wenn du deine Website bei Google PageSpeed Insights überprüfst, wirst du möglicherweise aufgefordert, nicht verwendete JavaScript-Dateien zu entfernen. Einige dieser Dateien stammen möglicherweise aus Code von Drittanbietern, den du hinzugefügt hast, während andere ein wichtiger Bestandteil deiner Website von Wix sind.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="javascript-files-on-wix-sites" level="3">JavaScript-Dateien auf Websites von Wix</h2></div><div data-component-type="text"><div>Die Ergebnisseite von PageSpeed Insights kann Möglichkeiten zum Entfernen von Dateien und nicht verwendetem JavaScript anzeigen. Einige Dateien sind jedoch Teil der Struktur deiner Website von Wix. Jeder Code, der über <a data-composite="true" href="http://static.parastorage.com/" target="_blank">static.parastorage.com</a> geliefert wird, ist von Wix gepackt und ist daher entscheidend für die Struktur deiner Website.</div></div><div data-component-type="text"><div>Wir optimieren diese Dateien immer wieder und verwenden Methoden wie Code-Splitting, um die ideale Größe zu gewährleisten. Obwohl Google dir möglicherweise empfiehlt, diese Dateien zu entfernen, sind sie ein wichtiger Teil deiner Website, sodass du sie nicht ändern, manipulieren oder löschen kannst.<a data-composite="true" href="https://web.dev/unused-javascript/" target="_blank">Erfahre mehr über ungenutztes JavaScript und PageSpeed Insights</a>.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/05/d79536b3-e955-4e79-a918-f5e76ef222c9/84aa453f-0479-4397-82bf-c330e8305fd5.png" alt="Die PageSpeed Insights Google hat einige ungenutzte JS markiert, die von Wix gepackt wurden." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Wenn du Apps und Komponenten zu einer Seite hinzufügst, werden automatisch JavaScript-Dateien für diese hinzugefügt. Da sich dies auf die Ladegeschwindigkeit auswirken kann, empfehlen wir, Apps und Komponenten nach Möglichkeit zwischen verschiedenen Website-Seiten zu platzieren. <a data-composite="true" href="https://support.wix.com/de/article/website-performance-eine-leistungsoptimierte-website-erstellen" target="_blank">Mehr über andere Möglichkeiten erfahren, eine leistungsorientierte Website zu erstellen</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="javascript-files-from-third-parties" level="3">JavaScript-Dateien von Drittanbietern</h2></div><div data-component-type="text"><div>Neben wichtigen Dateien von deiner Website von Wix kann es sein, dass Google auch anderes nicht verwendetes JavaScript markiert, das aus nicht optimiertem Drittanbietercode stammen kann. Wir empfehlen, diese Dateien zu identifizieren und zu überprüfen, um zu schauen, ob sie für deine Website erforderlich sind.</div></div><div data-component-type="text"><div>Wenn du feststellst, dass die Dateien nicht mehr erforderlich sind, kannst du sie entfernen oder durch eine optimierte Alternative ersetzen. <a data-composite="true" href="https://web.dev/unused-javascript/" target="_blank">Mehr über das Entfernen nicht verwendeter JS-Dateien erfahren</a></div></div>

Optimiere den Text auf deiner Website, um das Besuchererlebnis zu verbessern. Schriftarten, Effekte und Formatierungen können sich auf die Leistung deiner Website auswirken. Wir empfehlen daher, unser...

Website-Performance: Deinen Text optimieren

<div data-component-type="text"><div>Optimiere den Text auf deiner Website, um das Besuchererlebnis zu verbessern. Schriftarten, Effekte und Formatierungen können sich auf die Leistung deiner Website auswirken. Wir empfehlen daher, unsere Richtlinien zu befolgen, um sicherzustellen, dass du wichtige Informationen ohne Abstriche bei der Funktion anzeigen kannst.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Ein aussagekräftiger Text oberhalb des Falzes stellt außerdem sicher, dass die Besucher den Inhalt lesen können, während der Rest der Website geladen wird.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="different-types-of-fonts" level="3">Verschiedene Schriftarten</h2></div><div data-component-type="text"><div>Es gibt einige Schriftarten, die du auf deiner Website verwenden kannst. Je nach Typ und Download-Anforderungen wirken sie sich unterschiedlich auf die Ladegeschwindigkeit und Leistung deiner Website aus. Die drei Schriftarten sind:</div></div><div data-component-type="text"><ul>
  <li><strong>Systemschriftarten:</strong> Dies sind gängige Schriftarten, die höchstwahrscheinlich bereits auf deinen Gerätesystemen und denen deiner Besucher vorhanden sind. Da sie in den meisten Systemen enthalten sind, müssen sie nicht heruntergeladen werden, um auf den Geräten deiner Besucher angezeigt zu werden, und haben daher keinen Einfluss auf die Leistung deiner Website.</li>  <li><strong>Benutzerdefinierte Schriftarten:</strong> Benutzerdefinierte Schriftarten sind Schriftarten, die du von einem Drittanbieter hochladen kannst, um sie auf deiner Website von Wix zu verwenden. Diese Schriftarten sind eine persönliche Möglichkeit, dein Website-Erlebnis zu bereichern, sie müssen jedoch vom Server heruntergeladen werden, damit sie im Browser deines Besuchers angezeigt werden. Daher können diese Schriftarten die Leistung deiner Website beeinträchtigen.</li>  <li><strong>Verfügbare Schriftarten von Wix:</strong> Wenn du deine Website mit Wix erstellst und bearbeitest, stellst du möglicherweise fest, dass wir eine Vielzahl von Textschriftarten anbieten. Einige davon sind Systemschriftarten, während andere als benutzerdefinierte Schriftarten fungieren und sich entsprechend auf die Ladegeschwindigkeit deiner Website auswirken.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Um es zusammenzufassen:</div><div class="info-content"><ul>
  <li>Systemschriftarten werden letztendlich schneller geladen als benutzerdefinierte Schriftarten, da sie bereits im System vorhanden sind. Dies spart daher Bandbreite, indem die Anzahl der Anfragen reduziert wird, die zum Laden deiner Website erforderlich sind.</li>  <li>Da sich Systemschriftarten weniger auf die Geschwindigkeit deiner Website auswirken, empfehlen wir, sie nach Möglichkeit anstelle von benutzerdefinierten Schriftarten zu verwenden.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="number-of-fonts" level="3">Anzahl Schriftarten</h2></div><div data-component-type="text"><div>Wenn du Schriftarten auf deiner Website verwendest, ist es wichtig zu bedenken, dass sich die Verwendung mehrerer verschiedener Schriftarten und Schriftarttypen auf die Ladezeit und die Gesamtleistung auswirken kann.</div></div><div data-component-type="text"><div>Während Systemschriftarten nicht heruntergeladen werden müssen, müssen benutzerdefinierte Schriftarten vom Server heruntergeladen werden, damit sie auf deiner Seite angezeigt werden können. Verschiedene benutzerdefinierte Schriftarten können auch unterschiedliche Download-Geschwindigkeiten haben, was sich weiter auf die Ladezeit deiner Website auswirken kann.</div></div><div data-component-type="text"><div>Wir empfehlen, die Anzahl der Schriftarten, sowohl Systemschriftarten als auch benutzerdefiniert, auf deiner Seite bei 3 oder weniger zu belassen, da dies dazu beiträgt, dass deine Website reibungslos funktioniert. Einheitliche Schriftarten (und Farben) tragen auch dazu bei, deine Marke zu stärken und das Aussehen deiner Website einheitlich zu halten.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="font-formatting-and-animation" level="3">Schriftformatierung und Animation</h2></div><div data-component-type="text"><div>Auch unterschiedliche Schriftstärken, z. B. fett, unterstrichen oder kursiv, können sich auf die Ladezeit deiner Website auswirken. Versuche, die Anzahl der Schriftgewichte auf einer Seite bei 3 oder weniger zu halten, indem du sie nur für bestimmte Zwecke verwendest (z. B. zum Hervorheben eines Textbereichs auf deiner Seite).</div></div><div data-component-type="text"><div>Darüber hinaus kann sich animierter Text auf die Lesbarkeit und SEO deines Textes auswirken. Das liegt daran, dass animierter Text von Suchmaschinen nicht gelesen werden kann. Wir empfehlen, normalen Text für aussagekräftige Inhalte auf deiner Seite zu verwenden und den übermäßigen Einsatz von Anzeige-Animationen oberhalb der Falz zu vermeiden.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="images-of-text" level="3">Bilder von Texten</h2></div><div data-component-type="text"><div>Vermeide nach Möglichkeit Bilder, die Text enthalten. Der Bildtext erscheint möglicherweise verschwommen, während das Bild geladen wird, und kann von Suchmaschinen nicht übersetzt oder gecrawlt werden. Stelle sicher, dass du auf deiner Website nach Möglichkeit Standardtext verwendest, um die Leistung deiner Website und dein SEO-Ranking beizubehalten.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Als Alternative empfehlen wir, <a data-composite="true" href="https://support.wix.com/de/article/bilder-für-das-seo-optimieren-alt-text" target="_blank">Alt-Text zu deinen Bildern hinzuzufügen</a>. Auf diese Weise können Suchmaschinen und Screenreader die Beschreibung des Bildes „lesen“.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="fallback-fonts-in-the-studio-editor" level="3">Ausweichschriftarten im Studio Editor</h2></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Diese Funktion ist nur im Studio Editor verfügbar.</div></div></div></div><div data-component-type="text"><div>Wenn du umfangreiche benutzerdefinierte Schriftarten in einem <a data-composite="true" href="https://support.wix.com/de/article/wix-studio-über-den-studio-editor" target="">Studio Editor</a> verwendest, kannst du Standardschriftarten als Ausweichmöglichkeit aktivieren. Ausweichschriftarten laden schneller und werden vorübergehend auf der Live-Website angezeigt, während die benutzerdefinierten Schriftarten im Hintergrund heruntergeladen werden.</div></div><div data-component-type="text"><div>Ausweichschriftarten können die Seitenleistung optimieren, indem sie den LCP (Largest Contentful Paint) der Website reduzieren, was die <a data-composite="true" href="https://support.wix.com/de/article/website-performance-über-core-web-vitals" target="">Core Web Vitals und das Ranking in der Google Suche</a> verbessern kann. Darüber hinaus kann eine schnellere Anzeige von Textinhalten das Erlebnis für Besucher beim Surfen auf der Website verbessern. <a data-composite="true" href="https://support.wix.com/de/article/studio-editor-mit-website-typografie-arbeiten#enabling-fallback-fonts" target="">So aktivierst du Ausweichschriftarten</a></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Gut zu wissen:</div><div class="info-content"><ul>
  <li>Ausweichschriftarten verbessern die Ladezeit, wenn das größte „Above the Fold“-Element ein Textelement ist<strong></strong>.</li>  <li>Wenn du Ausweichschriftarten aktivierst, wird dem CSS-Deskriptor „font-display“ (Schriftartanzeige) der Wert „swap“ hinzugefügt. Dieser Deskriptor legt fest, wie eine Schriftart angezeigt wird, basierend darauf, wann sie heruntergeladen wird und verwendet werden kann.</li></ul></div></div></div>

Je nach Website-Ersteller (Wix Editor oder Studio Editor) kannst du Hintergrundbilder/-Videos auf Seiten, Abschnitte und andere Elemente anwenden. Die Live-Website lädt zuerst die Hintergrundfarbe, da...

Website-Performance: Beim Laden der Seite blinkt Farbe auf

<div data-component-type="text"><div>Je nach Website-Ersteller (Wix Editor oder Studio Editor) kannst du Hintergrundbilder/-Videos auf Seiten, Abschnitte und andere Elemente anwenden. Die Live-Website lädt zuerst die Hintergrundfarbe, dann die Hintergrundmedien.</div></div><div data-component-type="text"><div>Die Hintergrundmedien werden in der Regel so schnell geladen, dass Website-Besucher die Hintergrundfarbe nicht sehen. In bestimmten Fällen kann es jedoch passieren, dass die Farbe kurz aufblinkt. Wenn du die Hintergrundfarbe der betroffenen Elemente änderst, kann dieser Effekt verringert werden.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="causes-of-color-flashes" level="3">Gründe für das Aufblinken von Farbe</h2></div><div data-component-type="text"><div>Es kann länger dauern, bis Bild- und Videohintergründe auf der Live-Website geladen werden. Wenn ein Website-Besucher eine langsamere Internetverbindung verwendet oder wenn die Hintergrundmedien groß sind, kann es sein, dass Farbe aufblinkt, bevor das Bild oder Video geladen wird.</div></div><div data-component-type="text"><div>Wenn du die Hintergrundfarbe von Seiten und Elementen änderst, kann dieser Effekt verringert werden. Du solltest eine Farbe wählen, die dem Video oder Bild so ähnlich wie möglich ist, um das Erlebnis für Website-Besucher zu verbessern.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-background-color-of-site-pages" level="3">Die Hintergrundfarbe der Website-Seiten ändern</h2></div><div data-component-type="text"><div>Wenn du ein Hintergrundbild oder -video zu einer Seite in deinem Wix Editor hinzugefügt hast, kannst du die Hintergrundfarbe im Panel Website-Design ändern.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Verwendest du den Studio Editor?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/de/article/studio-editor-funktionsvorschlag-ein-bild-oder-ein-video-zum-seitenhintergrund-hinzufügen" target="">Es ist derzeit nicht möglich, im Studio Editor Medien zu einem Seitenhintergrund hinzuzufügen</a>, sodass du dir über diesen Schritt keine Gedanken machen musst.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um die Hintergrundfarbe der Seite zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="">Öffne die Seite in deinem Editor</a>.</li>  <li>Klicke links im Editor auf <strong>Website-Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/02/01/91b3914b-14b7-40de-88e5-3a5dd4f8f0e1/ceebff03-aa14-45d9-9681-645cfbb8caf4.jpg" />.</li>  <li>Klicke auf <strong>Seitenhintergrund</strong>.</li>  <li>Klicke in der Hintergrundbildvorschau oben links auf die umgeklappte Ecke.</li>  <li>Wähle den gewünschten Farbton aus den <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-dein-farbdesign-anpassen" target="">Designfarben deiner Website</a> oder verwende oder erstelle unter <strong> Meine Farben</strong> eine benutzerdefinierte Farbe.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/e04ace47-6626-4669-ba99-047f7d58a62e/7f1b4012-c636-4360-bac8-d92786b50892.jpg" alt="Der Seitenhintergrund ist in den Website-Stilen geöffnet. Der Cursor klickt auf die Farbe." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Gut zu wissen:</div><div class="info-content"><div>Du kannst diese Farbe auf alle Seiten mit demselben Bild- oder Videohintergrund anwenden, indem du unten im Panel auf <strong>Auf andere Seiten anwenden </strong>klickst.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-background-color-of-sections-strips-and-cells" level="3">Die Hintergrundfarbe von Abschnitten, Streifen und Zellen ändern</h2></div><div data-component-type="text"><div>Wenn du einem Abschnitt einen Bild- oder Videohintergrund hinzugefügt hast, kannst du die Farbe in deinem Editor ändern, damit sie mit dem Farbschema der Medien übereinstimmt. Je nach Website-Builder kannst du auch die Farbe der Streifen oder Rasterzellen ändern.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>Wenn du eine Website mit dem Wix Editor erstellst, kannst du die Hintergrundfarbe von Abschnitten und Streifen auf einer Seite ändern.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Hintergrundfarbe eines Abschnitts zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke mit der rechten Maustaste auf den entsprechenden Abschnitt.</li>  <li>Wähle <strong>Hintergrund ändern</strong> aus.</li>  <li>Klicke in der Hintergrundbildvorschau oben links auf die umgeklappte Ecke.</li>  <li>Wähle den gewünschten Farbton aus den <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-dein-farbdesign-anpassen" target="">Designfarben deiner Website</a> oder verwende oder erstelle unter <strong> Meine Farben</strong> eine benutzerdefinierte Farbe.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/f3bf211c-4ad9-4fd0-877e-55a6947fd6ab/d6704910-2630-4977-90ae-b2d87fde7116.jpg" alt="Die Farbauswahl ist für die Hintergrundeinstellungen eines Abschnitts im Wix Editor geöffnet." /></div></div><div data-component-type="heading"><h2 id="" level="4">Um die Hintergrundfarbe eines Streifens zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf den Streifen.</li>  <li>Klicke <strong>Hintergrund ändern</strong>.</li>  <li>Klicke in der Hintergrundbildvorschau oben links auf die umgeklappte Ecke.</li>  <li>Wähle den gewünschten Farbton aus den <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-dein-farbdesign-anpassen" target="">Designfarben deiner Website</a> oder verwende oder erstelle unter <strong> Meine Farben</strong> eine benutzerdefinierte Farbe.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/05dc2fd1-d522-4d76-8fdf-e39a05a532ed/3aed3151-754f-4b4f-9208-8ee8afb44447.jpg" alt="Die Farbauswahl ist für die Hintergrundeinstellungen eines Streifens im Wix Editor geöffnet." /></div></div></div><div class="tab-content"><div data-component-type="text"><div>Mit dem Studio Editor kannst du die Hintergrundfarbe von Abschnitten im Inspektor-Panel ändern. Wenn du einen Rasterabschnitt hast, kannst du auch die Hintergrundfarbe jeder Zelle ändern.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Hintergrundfarbe eines Abschnitts zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Wähle den entsprechenden Abschnitt auf der Seite aus.</li>  <li>Klicke oben rechts im Editor auf das Symbol für <strong>Inspektor öffnen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" />.</li>  <li>Klicke unter <strong>Farbe</strong> auf das Farbfeld.</li>  <li>Wähle den gewünschten Farbton aus den Designfarben aus oder füge eine benutzerdefinierte Farbe hinzu oder wende sie an.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/6c3a6772-7a99-4427-88c2-0df2b0090ece/ededb826-6815-488b-afa1-9a9ba5edc1da.jpg" alt="Das Inspektor-Panel für einen Abschnitt ist geöffnet. Der Cursor wählt eine Farbe aus der Auswahl aus." /></div></div><div data-component-type="heading"><h2 id="" level="4">Um die Hintergrundfarbe einer Zelle zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Wähle die entsprechende Zelle im Abschnitt aus.</li>  <li>Klicke oben rechts im Editor auf das Symbol für <strong>Inspektor öffnen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" />.</li>  <li>Klicke unter <strong>Hintergrund</strong> auf das Farbfeld.</li>  <li>Wähle den gewünschten Farbton aus den Designfarben aus oder füge eine benutzerdefinierte Farbe hinzu oder wende sie an.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/e4ad420f-7337-4105-ad39-f46a994b777b/7b1f25bc-b3c7-4899-9fb0-75c6f689c265.jpg" alt="Das Inspektor-Panel ist einer Zelle geöffnet. Der Cursor wählt eine Farbe aus der Auswahl aus." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Es ist nicht möglich, ein Bild oder Video vor einem Zellenhintergrund hinzuzufügen. Du kannst jedoch die Farbe ändern, um sie an die Medien anzupassen, die du an die Zelle anhängst.</div></div></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-background-color-of-slides" level="3">Hintergrundfarbe von Folien ändern</h2></div><div data-component-type="text"><div>Diashows sind eine auffällige, interaktive Möglichkeit, Medien und Inhalte auf einer Website zu präsentieren. Du kannst <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-design-deiner-diashow-anpassen" target="">die Hintergrundfarbe von Folien anpassen</a>, um ein professionelles, einheitliches Erscheinungsbild zu erhalten.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Verwendest du den Studio Editor?</div><div class="info-content"><div>Es ist derzeit nicht möglich, Medien zum Hintergrund eines Diashow-Elements hinzuzufügen oder <a data-composite="true" href="https://support.wix.com/de/article/studio-editor-funktionsvorschlag-individuelle-diashowelemente-gestalten" target="">Diashow-Elemente individuell anzupassen</a>.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um die Hintergrundfarbe einer Folie zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Wähle die Diashow auf der Seite aus.</li>  <li>Klicke auf die blauen Pfeile, um zur entsprechenden Folie zu navigieren.</li>  <li>Klicke auf <strong>Folienhintergrund ändern</strong>.</li>  <li>Klicke in der Hintergrundbildvorschau oben links auf die umgeklappte Ecke.</li>  <li>Wähle den gewünschten Farbton aus den <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-dein-farbdesign-anpassen" target="">Designfarben deiner Website</a> oder verwende oder erstelle unter <strong> Meine Farben</strong> eine benutzerdefinierte Farbe.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/fefc5619-2754-4725-8cb6-197898cf2341/fa27dd04-5d91-4035-9695-703e228ccf86.jpg" alt="Die Farbauswahl ist für die Hintergrundeinstellungen einer Folie im Wix Editor geöffnet." /></div></div>

Die Verbesserung der Website-Performance ist unerlässlich, um ein reibungsloses Benutzererlebnis zu gewährleisten. Indem du optimierst, wie die Datensätze deines CMS (Content Management System) Inhalt...

Website-Performance: CMS

<div data-component-type="text"><div>Die Verbesserung der Website-Performance ist unerlässlich, um ein reibungsloses Benutzererlebnis zu gewährleisten. Indem du optimierst, wie die Datensätze deines <a data-composite="true" href="https://support.wix.com/de/article/content-verwaltung-ein-überblick" target="">CMS (Content Management System)</a> Inhalte laden und anzeigen, kannst du die Seitengeschwindigkeit und die Benutzerfreundlichkeit verbessern.</div><div><br /></div><div>Klicke unten, um weitere Informationen zu erhalten, wie du die Performance deiner Website verbessern kannst, wenn du das CMS auf deinen Website-Seiten verwendest: </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Die Datensatzeinstellung „Elemente pro Ladevorgang“ anpassen</h4><div class="collapsible-content"><div>Du kannst das Feld <strong>Elemente pro Ladevorgang </strong>in deinen Datensatzeinstellungen ändern, um die Anzahl der Elemente festzulegen, die gleichzeitig in Repeatern und Galerien geladen werden. Deine Vorteile:</div><ul>
  <li>Deine Seite lädt beim ersten Ladevorgang der Seite schneller mit weniger Elementen.</li>  <li>Die Anzahl der größeren Elemente wird reduziert.</li>  <li>Das Design deiner Seite wird verbessert.</li></ul><div><br /></div><div><a data-composite="true" href="https://support.wix.com/de/article/steuern-wie-viele-elemente-deiner-inhaltssammlung-auf-deiner-seite-angezeigt-werden" target="">Mehr erfahren über das Begrenzen der maximalen Anzahl angezeigter Elemente pro Ladevorgang</a>. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Einen „Mehr laden“-Button oder eine Seitennummerierungsleiste zu Repeatern und Galerien hinzufügen</h4><div class="collapsible-content"><div>Wenn du viel Inhalt auf datengebundenden Elementen anzeigst, kannst du die Anzahl der gleichzeitig geladenen Elemente begrenzen. Du kannst einen <a data-composite="true" href="https://support.wix.com/de/article/cms-über-datensatzaktionen-für-buttons-und-bilder#load-more" target="">„Mehr laden“-Button</a> oder eine <a data-composite="true" href="https://support.wix.com/de/article/cms-eine-seitennummerierungsleiste-hinzufügen-und-einrichten" target="">Seitennummerierungsleiste</a> verwenden, um jeweils eine Einheit an Elementen zu laden. Es empfiehlt sich, bei jedem neuen Ladevorgang bis zu 10 Elemente anzuzeigen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wähle die Datensatzeinstellung „Nach dem Laden der Seite abrufen“.</h4><div class="collapsible-content"><div>Wenn deine verknüpften Repeater oder Galerien viel Inhalt enthalten oder mit einer großen Sammlung verknüpft sind, solltest du in Erwägung ziehen, <a data-composite="true" href="https://support.wix.com/de/article/einen-verzögerten-datensatz-einrichten" target="">einen verzögerten Datensatz zu verwenden</a>. </div><div><br /></div><div>Die Daten des Datensatzes werden erst abgerufen, nachdem der Rest der Seite geladen wurde. Das bedeutet, dass das erste Rendern der Seite nicht durch diesen Datensatz blockiert wird, wodurch die Seite schneller geladen wird. Diese Option wird empfohlen, wenn Elemente, die die Daten anzeigen, zunächst nicht sichtbar sind. Zum Beispiel, wenn gescrollt werden muss, bevor sie zu sehen sind, oder wenn zuerst ein Abschnitt geöffnet werden muss.</div><div><br /></div><div>Öffne die Datensatzeinstellungen und aktiviere das Kontrollkästchen <strong>Nach Laden der Seite abrufen</strong>, um ihn zu einem verzögerten Datensatz zu machen. </div><div><br /></div><div><strong>Hinweis: </strong></div><ul>
  <li>Diese Option ist für Standarddatensätze verfügbar, jedoch nicht für Datensätze von dynamischen Seiten. </li>  <li>Du musst <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/getting-started/getting-started-with-code" target="_blank">Programmierung aktivieren</a>, um diese Funktion zu nutzen.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wähle die Datensatzeinstellung „Nur verknüpfte Felder abrufen“.</h4><div class="collapsible-content"><div>Um die Performance der Website zu verbessern, kannst du jetzt die Einstellung <strong>Nur verknüpfte Felder abrufen</strong> verwenden. Auf diese Weise kannst du nur die Felder laden, die aktiv mit den Komponenten auf deiner Seite verknüpft sind. Alle getrennten Felder und Daten, auf die per Code zugegriffen wird, werden ausgeschlossen. Diese Einstellung ist hilfreich, um die Ladezeiten zu verbessern, insbesondere auf komplexen Seiten.</div><div><br /></div><div><strong>Hinweis: </strong></div><ul>
  <li>Diese Option ist für Standarddatensätze verfügbar, jedoch nicht für Datensätze von dynamischen Seiten.</li>  <li>Du musst <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/getting-started/getting-started-with-code" target="_blank">Programmierung aktivieren</a>, um diese Funktion zu nutzen.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mit deinem Datensatz verknüpfte Inhalte anzeigen</h4><div class="collapsible-content"><div>Wenn du Inhalte in deiner Sammlung hast, die auf deiner Seite nicht benötigt werden, kannst du verhindern, dass diese angezeigt werden. Du kannst <a data-composite="true" href="https://support.wix.com/de/article/inhalte-von-mehreren-datenbanksammlungen-mithilfe-von-datensätzen-anzeigen" target="">einen Filter zum Datensatz hinzufügen</a>, um Elemente einzuschließen oder auszuschließen, die nicht auf den verknüpften Elementen angezeigt werden. Du kannst auch die <a data-composite="true" href="https://support.wix.com/de/article/cms-die-sichtbarkeit-von-live-website-elementen-von-deiner-sammlung-aus-steuern" target="">Sichtbarkeit der Live-Website steuern</a>, indem du Elemente auf den Status „Sichtbar“ oder „Ausgeblendet“ setzt.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Verwendest du Code auf deiner Website?</div><div class="info-content"><div>Folge unseren Verfahrensregeln, um <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/best-practices/best-practices-for-improving-performance-in-wix-sites-with-data" target="_blank">die Website-Performance bei der Verwendung von Code und dem CMS zu verbessern</a>.</div></div></div></div>

Du kannst deine Website-Seiten zwischenspeichern, um die Ladezeit zu verkürzen. Wenn eine Seite zwischengespeichert wird, werden ihr Inhalt und ihre Elemente nicht für jeden Besucher neu gerendert. St...

Website-Funktionalität: Seiten zwischenspeichern, um die Ladegeschwindigkeit zu optimieren

<div data-component-type="text"><div>Du kannst deine Website-Seiten zwischenspeichern, um die Ladezeit zu verkürzen. Wenn eine Seite zwischengespeichert wird, werden ihr Inhalt und ihre Elemente nicht für jeden Besucher neu gerendert. Stattdessen sehen die meisten Besucher eine gespeicherte (zwischengespeicherte) Version der Seite, die viel schneller geladen wird.</div></div><div data-component-type="text"><div>Zwischenspeichern (Caching) ist für die meisten deiner Seiten automatisch aktiviert, aber in einigen Fällen musst du es möglicherweise manuell aktivieren (z. B. Seiten, die Velo-Code enthalten).</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="how-caching-works" level="3">So funktioniert Zwischenspeichern (Caching)</h2></div><div data-component-type="text"><div>Ein Zwischenspeicher (Cache) ist ein temporärer Speicherbereich, in dem Versionen deiner Seiten gespeichert werden, damit sie schneller geladen werden. Wix verwendet SSR (Server-Side Rendering), um Seiten im Zwischenspeicher oder in einem Content Delivery Network (CDN) zu „speichern“.</div></div><div data-component-type="text"><div>Die meisten Website-Seiten werden nach dem ersten Besucher automatisch zwischengespeichert. Wenn ein Besucher die Seite das nächste Mal anfordert, wird die gespeicherte Version angezeigt. Dadurch wird verhindert, dass alle Elemente und Assets der Seite von Grund auf neu geladen werden müssen.</div></div><div data-component-type="text"><div>Die zwischengespeicherte Version wird in der Regel bis zu einer Woche auf unseren Servern gespeichert. Danach wird die Seite gelöscht und aus dem CDN entfernt. Die Seite wird jedoch wieder zwischengespeichert, nachdem der nächste Besucher sie geladen hat.</div></div><div data-component-type="heading"><h2 id="multiple-cached-versions-for-different-visitors" level="3">Mehrere Versionen im Zwischenspeicher für verschiedene Besucher</h2></div><div data-component-type="text"><div>Je nach dem geografischen Standort deiner Besucher, den Gerätetypen und anderen Parametern können unterschiedliche Kopien derselben Seite im Zwischenspeicher erstellt werden.</div></div><div data-component-type="text"><div>Wenn eine Seite im Zwischenspeicher gespeichert ist, wird sie für zukünftige Besucher, die dieselben Parameter wie der <strong>erste Besucher</strong> haben, schneller geladen. Wenn der nächste Besucher diese Parameter nicht teilt, sieht er die Standardversion der Seite, sodass sie nicht so schnell geladen wird.</div></div><div data-component-type="text"><div>Ihr Aufruf erstellt jedoch eine andere zwischengespeicherte Version, basierend auf ihren spezifischen Parametern. Alle nachfolgenden Besucher mit denselben Parametern sehen die zusätzlich erstellte zwischengespeicherte Version.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="caching-and-site-performance-metrics" level="3">Zwischenspeichern (Caching) und Metriken der Website-Funktionalität</h2></div><div data-component-type="text"><div>Im Zwischenspeicher gespeicherte Seiten können helfen, die Gesamtfunktionalität deiner Website zu verbessern, einschließlich Metriken wie LCP (Largest Contentful Paint) und FCP (First Contentful Paint). Dies kann die <a data-composite="true" href="https://support.wix.com/de/article/website-performance-über-core-web-vitals" target="_blank">Core Web Vitals Score deiner Website</a> und das allgemeine Ranking in den Suchergebnissen verbessern.</div></div><div data-component-type="text"><div>Da der größte Teil der Website bereits auf den Servern von Wix geladen ist, müssen die Geräte deiner Besucher nicht so viel verarbeiten. Die Website wird außerdem vom geografisch nächstgelegenen CDN für das Gerät gerendert, was zu einem schnelleren Laden beitragen kann.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enabling-and-disabling-caching-on-site-pages" level="3">Zwischenspeichern (Caching) auf Website-Seiten aktivieren/deaktivieren</h2></div><div data-component-type="text"><div>Für die meisten Seiten ist das Caching automatisch aktiviert. Wenn du jedoch benutzerdefinierten Code auf einer Seite hast, die keine Probleme mit dem Seiten-Caching hat (er greift z. B. nicht auf externe Datenquellen zu), kannst du ihn manuell verwalten.</div></div><div data-component-type="text"><div>Wenn die Seite benutzerdefinierten Code und Informationen enthält, die jedes Mal extern abgerufen werden müssen, wenn ein Besucher die Seite lädt, kannst du alternativ auch verhindern, dass die Seite vollständig zwischengespeichert wird.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf der linken Seite des Editors auf <strong>Seiten &amp; Menü</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/AtygSo0t8UbmzaDyGuuGCwKMawrU9neH9iCg6Bpzdl1yByfa0mTWjo15cCeAP3Zo5D9NtmaTo8f6go6RArSwE_JTOl8p5Sl5CvyfZDZgfsLRMHS6989bjlBOpisK0sRVGtWsqxEhXfxoz6_2esqcISTQdRmI0FqAZFgw0iVycBHbdZH1vAZDjRWv" />.</li>  <li>Fahre mit der Maus über die entsprechende Seite und klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/bcuV7dDFTNXvUY41EfsgNuXftk1_07pIQgnFt6GuTN6-vCP_WN3bY1r_8REkqH6Ltc-Qd4D5PH83GNQVRmxAELHNLe0R34P8ugeFi7Ew4u3vugfEgzAMcFIFujrHnchBFY5o1-ii165TnqyIBpuNvgu9HrwnArPE6PoHTVUzR7r8au_dYWXlc7KT" />.</li>  <li>Klicke auf <strong>Einstellungen</strong>.</li>  <li>Klicke auf <strong>Erweiterte Einstellungen</strong>.</li>  <li>Klicke auf den Schalter <strong>Caching für diese Seite manuell steuern</strong> und wähle aus, was du tun möchtest:
    <ul>
      <li><strong>Aktiviert:</strong> Du kannst das Zwischenspeichern für diese Seite manuell steuern.
        <ul>
          <li><strong>Wie oft soll der Zwischenspeicher dieser Seite zurückgesetzt werden?:</strong> Wähle aus dem Dropdown-Menü aus, wie oft dein Seiten-Zwischenspeicher zurückgesetzt wird, oder wähle <strong>Nie (Caching deaktivieren)</strong> , um zu verhindern, dass die Seite vollständig zwischengespeichert wird.</li>        </ul>      </li>      <li><strong>Deaktiviert:</strong> Die Seite wird automatisch zwischengespeichert.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/04/01/63ca9d70-cf6c-4cbc-9082-e87f8346683b/fafc8eda-2ffc-4043-938a-36c1e5dc3f38.png" alt="Die erweiterten Einstellungen einer Seite im Editor von Wix." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf der linken Seite des Editors auf <strong>Seiten</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/ca6bf070-4d00-41dc-beea-c88b350df02d/abd8a7a8-abb8-4099-a8b1-3f9966dcdde0.png" />.</li>  <li>Fahre mit der Maus über die entsprechende Seite und klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/bcuV7dDFTNXvUY41EfsgNuXftk1_07pIQgnFt6GuTN6-vCP_WN3bY1r_8REkqH6Ltc-Qd4D5PH83GNQVRmxAELHNLe0R34P8ugeFi7Ew4u3vugfEgzAMcFIFujrHnchBFY5o1-ii165TnqyIBpuNvgu9HrwnArPE6PoHTVUzR7r8au_dYWXlc7KT" />.</li>  <li>Klicke auf <strong>Einstellungen</strong>.</li>  <li>Klicke auf <strong>Erweiterte Einstellungen</strong>.</li>  <li>Klicke auf den Schalter <strong>Caching für diese Seite manuell steuern</strong> und wähle aus, was du tun möchtest:
    <ul>
      <li><strong>Aktiviert:</strong> Du kannst das Zwischenspeichern für diese Seite manuell steuern.
        <ul>
          <li><strong>Wie oft soll der Zwischenspeicher dieser Seite zurückgesetzt werden?:</strong> Wähle aus dem Dropdown-Menü aus, wie oft dein Seiten-Zwischenspeicher zurückgesetzt wird, oder wähle <strong>Nie (Caching deaktivieren)</strong> , um zu verhindern, dass die Seite vollständig zwischengespeichert wird.</li>        </ul>      </li>      <li><strong>Deaktiviert:</strong> Die Seite wird automatisch zwischengespeichert.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2025/01/08/0c73bdad-25c9-40da-b94e-fec812e7738f/670b708e-d947-4491-a6c3-351ddcebee98.png" alt="Die erweiterten Einstellungen einer Seite im Editor von Wix." /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-site-wide-performance-settings" level="3">Die gesamten Performance-Einstellungen der Website anpassen</h2></div><div data-component-type="text"><div>Verbessere die Ladezeit und schaffe das beste Erlebnis für deine Website-Besucher, indem du die Leistungseinstellungen deiner Website anpasst. Standardmäßig ist SWR (Spale While Revalidate) aktiviert, sodass Website-Besucher zwischengespeicherte Inhalte sehen, während neue Daten im Hintergrund abgerufen und für die zukünftige Verwendung im Zwischenspeicher (Zwischenspeicher) gespeichert werden. Wenn du ein Premiumpaket für deine Website erworben hast, kannst du SWR deaktivieren, damit deine Website aktuelle Inhalte anstelle von zwischengespeicherten Daten lädt.</div><div><br /></div><div>Du kannst auch alle Seiten aus dem CDN-Zwischenspeicher löschen, damit deine nächsten Website-Besucher neue Inhalte anstelle von zwischengespeicherten Daten erhalten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Leistungseinstellungen der gesamten Website anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Öffne die <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Einstellungen%20öffnen&amp;title=Wähle%20eine%20Website&amp;%20aus&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/%7b%7bmetaSiteId%7d%7d/settings" target="_blank">Einstellungen</a> in deiner Website-Verwaltung.</li>  <li>Gib <strong>Einstellungen der Website-Performance </strong>in die Suchleiste ein und wähle sie aus den Ergebnissen aus.</li>  <li>Wähle, was du als Nächstes tun möchtest:
    <ul>
      <li><strong>SWR für zwischengespeicherte Inhalte während der Aktualisierung aktivieren: </strong>Klicke auf den Schalter <strong>SWR aktivieren</strong>, um zwischengespeicherte Inhalte während der Aktualisierung anzuzeigen. Damit änderst du, wie deine Live-Website Daten lädt:
        <ul>
          <li><strong>Aktiviert: </strong>Zwischengespeicherte Inhalte werden angezeigt, während gleichzeitig neue Daten im Hintergrund abgerufen werden. Besucher sehen Inhalte schneller und Updates werden für zukünftige Anfragen schneller abgerufen.</li>          <li><strong>Deaktiviert: </strong>Der zwischengespeicherte Inhalt wird nicht angezeigt, während neue Daten abgerufen werden.</li>        </ul>      </li>      <li><strong>Alle Seiten aus dem CDN-Zwischenspeichr löschen: </strong>Klicke auf <strong>Website-Zwischenspeicher löschen</strong>, um zwischengespeicherte Seiten aus dem CDN zu löschen. <br /> <strong>Hinweis: </strong>Beim ersten Besucher nach dem Leeren des Zwischenspeicher (Zwischenspeicher) können die Ladezeiten etwas langsamer sein.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/04/01/8d255d30-8106-4150-8af8-05dd7664f4db/90c9abbf-fabe-479a-9781-9abde933a7b4.png" alt="Screenshot der Website-Performance-Einstellungen in deiner Website-Verwaltung von Wix" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Klicke unten, um Antworten auf unsere am häufigsten gestellten Fragen zum Seiten-Zwischenspeichern zu lesen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Gibt es Seiten, die nicht zwischengespeichert werden können?</h4><div class="collapsible-content"><div>Wenn ein Besucher auf deiner Website angemeldet ist, wird keine Seite, die er öffnet, zwischengespeichert und es ist nicht möglich, diese Option zu aktivieren.</div><div><br /></div><div>Zwischenspeichern kann auch für die folgenden Seiten nicht aktiviert werden:</div><ul>
  <li>Die Ergebnisseiten der Wix Site Search</li>  <li>Seiten, die du auf privat eingestellt hast</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie wirkt sich Zwischenspeichern auf Velo aus?</h4><div class="collapsible-content"><div>Standardmäßig ist das Zwischenspeichern (Caching) für alle Seiten deaktiviert, die Velo-Code enthalten. Wenn es Velo-Code gibt, der auf der gesamten Website funktioniert, ist das Zwischenspeichern für alle Website-Seiten deaktiviert. Du kannst das Zwischenspeichern auf den Seiten, die den Velo-Code enthalten, jedoch manuell aktivieren. <a data-composite="true" href="https://support.wix.com/en/article/velo-improving-page-performance-with-manual-caching" target="_blank">Mehr über das Zwischenspeichern mit Velo erfahren</a> (Artikel nur auf Englisch verfügbar)</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wann wird der Zwischenspeicher (Zwischenspeicher) der Website gelöscht?</h4><div class="collapsible-content"><div>Der Zwischenspeicher wird jede Woche (automatisch) oder in jedem Zeitraum, den du manuell festlegst, geleert. Er wird auch jedes Mal gelöscht, wenn du in deinem Editor auf <strong>Veröffentlichen</strong> klickst. </div><div><br /></div><div><strong>Hinweis:</strong> Wenn du das Zwischenspeicher-Rendering für eine Seite aktivierst, Änderungen vornimmst und deine Website auf diese Version zurücksetzt, ist es weiterhin aktiviert.</div></div></div></div>

Derzeit wird beim Laden von Bildern mit hoher Auflösung auf deiner Website zuerst ein Bild mit niedriger Auflösung angezeigt. Dies ist das Verhalten auf allen Websites von Wix und vielen anderen Websi...

Website-Performance Funktionsvorschlag: Verhindern, dass Bilder in geringer Auflösung vor hochauflösenden Bildern geladen werden

<div data-component-type="text"><div>Derzeit wird beim Laden von Bildern mit hoher Auflösung auf deiner Website zuerst ein Bild mit niedriger Auflösung angezeigt. Dies ist das Verhalten auf allen Websites von Wix und vielen anderen Websites im Internet. Diese Technologie hat keine Auswirkungen auf den Rest des Inhalts deiner Website, einschließlich der hochauflösenden Bilder selbst. Damit können deine Website-Besucher aussagekräftigere Inhalte schneller und ohne Leistungseinbußen für dich anzeigen.</div></div><div data-component-type="text"><div>Es ist nicht möglich, dieses Verhalten zu deaktivieren. </div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div><div data-component-type="text"><div>Wenn du dir diese Funktion in Zukunft wünschst, klicke bitte auf <strong>Stimme abgeben</strong>, und wir werden dich auf dem Laufenden halten.</div></div>

Bilder und Videos sind die Schlüsselelemente, um Website-Besucher anzusprechen und deine Inhalte visuell ansprechend und einprägsam zu machen. Die Optimierung deiner Medien ist jedoch entscheidend, um...

Website-Performance: Website-Medien optimieren

<div data-component-type="text"><div>Bilder und Videos sind die Schlüsselelemente, um Website-Besucher anzusprechen und deine Inhalte visuell ansprechend und einprägsam zu machen. Die Optimierung deiner Medien ist jedoch entscheidend, um schnellere Ladezeiten und ein reibungsloses Benutzererlebnis zu gewährleisten. Befolge diese Tipps und Richtlinien, um die Performance deiner Website zu verbessern und gleichzeitig die Qualität deiner Bilder zu erhalten.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/e756fa40-c292-4425-91e4-e16787960aca/99749c26-db8a-4954-9efa-a2f59202ebdb.png" alt="Eine Live-Website von Wix, die Bilder im Bereich unter der Falz zeigt" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-images-on-your-site" level="3">Optimiere Bilder auf deiner Website</h2></div><div data-component-type="text"><div>Bilder sind eine hervorragende Möglichkeit, deine Inhalte wie Fotografie, Produkte oder Blog-Bilder zu präsentieren. Durch die Optimierung von Bildern kannst du die Ladegeschwindigkeit und die Gesamtleistung verbessern.</div></div><div data-component-type="text"><div>Wähle eine Option, um mehr über unsere Richtlinien zur Optimierung von Bildern zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wähle das richtige Format</h4><div class="collapsible-content"><div>Mit Wix kannst du <a data-composite="true" href="https://support.wix.com/de/article/unterstützte-dateiformate-und-dateigrößen" target="_blank">verschiedene Mediendateitypen</a> direkt auf deiner Website, wie Bilder, Videos, Audiodateien, Symbole, Vektorgrafiken (SVG) und mehr. Wenn du ein Bild auf deine Website hochlädst, wird es automatisch in das AVIF-Format konvertiert, da es besser für die Website-Leistung optimiert ist.</div><div><br /></div><ul>
  <li><strong>Bilder: </strong>AVIF ist eine neue Art von Bilddatei, die besser als JPEG und etwa 50 % kleiner als WebP ist. Deshalb können AVIF-Bilder auf deiner Live-Website schneller geladen werden. AVIF-Dateien können auch eine große Auswahl an Farben verarbeiten, wodurch Bilder noch realistischer aussehen. Wix komprimiert die Bilder auf deiner Live-Website mit AVIF automatisch.</li></ul><div><br /></div><ul>
  <li><strong>SVG-Bilder: </strong>SVG-Grafiken (auch bekannt als Vektorgrafiken) verwenden mathematische Gleichungen zum Erstellen von Grafiken – im Gegensatz zu Pixelrastern, die in anderen Rasterbildformaten genutzt werden. Dadurch werden sie leichter, was bedeutet, dass sie im Allgemeinen schneller geladen werden. Das bedeutet auch, dass die Qualität und Schärfe des Bildes durch die Größenänderung nicht beeinträchtigt wird. Wir empfehlen die Verwendung von Vektorgrafiken für dekorative Formen und Unternehmenslogos.</li></ul><div><br /></div><ul>
  <li><strong>GIFs: </strong>Während GIFs ein beliebtes Format sind, um animierte Inhalte zu präsentieren, weisen moderne Videokodierungsformate sowohl eine kleinere Größe als auch eine bessere Qualität auf. Wir empfehlen daher, Videodateien für animierte oder bewegte Inhalte anstelle von GIFs zu verwenden.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Die beste Bildqualität hochladen</h4><div class="collapsible-content"><ul>
  <li>Verwende hochauflösende Bilder (mindestens 2560 x 1440 Pixel) für Qualität und Übersicht.</li>  <li>Drucke Dateien, die größer als 25 MB sind, zusammen, bevor du sie mit externen Tools hochlädst.</li>  <li>Ersetze Hintergrundbilder durch statische Elemente wie Formen oder farbige Abschnitte, um die Ladezeiten zu verkürzen.</li>  <li>Verwende den Bereich Image Resizer (Wix Image Resizer), um Bilder vor dem Hochladen an empfohlene Größen anzupassen.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/4332201f-6ee5-4d39-a82d-b8636baa42fe/3c2154f2-eaa8-4b58-b458-726a86a2defe.png" alt="Eine Live-Website von Wix, die Bilder im Bereich unter der Falz zeigt" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="organizing-galleries-on-a-site" level="3">Galerien auf einer Website organisieren</h2></div><div data-component-type="text"><div>Wix bietet verschiedene Galerieoptionen. So kannst du mehrere Mediendateien präsentieren. Das richtige Organisieren und Platzieren von Galerien kann die Geschwindigkeit und Effektivität deiner Website erheblich beeinflussen. Wähle eine Galerie mit mehreren Medienelementen, anstatt mehrere Galerien auf einer Seite zu verwenden. So kannst du Überlastung vermeiden. </div><div><br /></div><div>Ermögliche es deiner Galerie mit einem <a data-composite="true" href="https://support.wix.com/de/article/wix-pro-gallery-den-„mehr-laden-button-aktivieren" target="">„Mehr laden“-Button</a>, schrittweise zu laden. Das kann die Interaktion beim Verwalten der Leistung verbessern. Platziere Galerien <strong>unter der Falz</strong> (Content, den Besucher nach dem Scrollen sehen). Auf diese Weise können Text und Aktionsaufrufe oberhalb der Falz schnell geladen werden und wecken das Interesse der Besucher, während der restliche Inhalt deiner Galerie noch geladen wird.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/599f366f-3a58-49b3-84be-eafad6349a4e/ec6266b8-30fe-4a66-8f0e-20c3cb2616cd.png" alt="Eine Live-Website von Wix, die Bilder im Bereich unter der Falz zeigt" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-videos-on-a-site" level="3">Videos auf einer Website optimieren</h2></div><div data-component-type="text"><div>Videos eignen sich hervorragend, um wertvolle Inhalte wie Anleitungen, Werbematerialien oder Produktfunktionen bereitzustellen. Die Optimierung der Videowiederherstellung ist wichtig, um Leistungsprobleme zu vermeiden. </div><div><br /></div><div>Hoste Videos mit <strong>Wix Video</strong> für integrierte Optimierung und Wiedergabeleistung. Eingebettete Videos (YouTube, Vimeo etc.) werden über iFrames bereitgestellt und können von Wix nicht optimiert werden. Beschränke ihre Verwendung und platziere sie unterhalb der Falz.</div><div><br /></div><div>Vermeide die Verwendung von Videos als Hintergrund, da diese das erste Laden der Seite verzögern können. Du kannst stattdessen zu statischen Platzhaltern wie Bildern oder Text wechseln. </div><div><br /></div><div>Begrenze die Anzahl der Videos, die auf einer Seite angezeigt werden. Du kannst für mehrere Videos eine eigene Seite erstellen und zu dieser verlinken, indem du Buttons wie „Mehr Videos anzeigen“ verwendest, um deine Startseite übersichtlich zu halten.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/45644fc2-4cff-4fce-99fa-4a29a2f5ad72/5e2c039f-d695-4c8a-92d4-3282640ea0c6.png" alt="Eine Live-Website von Wix, die Bilder im Bereich unter der Falz zeigt" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="common-issues-and-solutions" level="3">Häufige Probleme und Lösungen</h2></div><div data-component-type="heading"><h2 id="" level="4">Verschwommene Bilder</h2></div><div data-component-type="text"><div>Wenn Bilder verschwommen erscheinen:</div><ul>
  <li>Achte darauf, dass sie eine hohe Auflösung haben (2560 x 1440 Pixel oder höher).</li>  <li>Verwende passende Formate (AVIF, WebP oder JPEG).</li>  <li>Lade keine Screenshots hoch, da diese oft eine niedrigere Auflösung haben.</li>  <li>Überprüfe die <strong>Bildschärfe</strong> im Wix Editor, um die Übersichtlichkeit zu verbessern.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">Langsames Laden der Startseite</h2></div><div data-component-type="text"><div>Häufige Gründe für das langsame Laden einer Startseite sind übermäßig viele Bilder oder Videos oberhalb der Falz und überlastete Widgets. Um das Problem zu beheben:</div><ul>
  <li>Vereinfache das Design, indem du Elemente auf der Startseite reduzierst.</li>  <li>Füge Text oder statische Bilder „Above the Fold“ (Oberhalb der Falz) hinzu.</li>  <li>Verwende Lazy Loading für Galerien.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">Videos laden langsam</h2></div><div data-component-type="text"><div>Um die Ladezeiten von Videos zu verbessern:</div><ul>
  <li>Videos vor dem Hochladen komprimieren.</li>  <li>Nutze Wix Video für optimiertes Hosting.</li>  <li>Ersetze Videos oberhalb der Falz durch statische Elemente oder leichte Platzhalterinhalte.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipps:</div><div class="info-content"><ul>
  <li><strong>Deine Website-Geschwindigkeit testen:</strong> Verwende die <a data-composite="true" href="https://support.wix.com/de/article/deine-website-geschwindigkeits-verwaltung-verstehen" target="">Website-Geschwindigkeits-Übersicht von Wix</a>, um Leistungsprobleme zu erkennen und die Gesamtgeschwindigkeit zu verbessern.</li>  <li><strong>Plan für Navigationseffizienz:</strong> Beschränke dich oberhalb der Falz bei wichtigen Elementen auf Leichtgewichte, damit sie schnell geladen werden.</li>  <li><strong>Galerien mit Bedacht verwenden:</strong> Beschränke dich je Seite auf eine Galerie und aktiviere Ladebuttons für umfangreiche Mediendateien.</li>  <li><strong>Mobile-Optimierung überwachen:</strong> Passe regelmäßig das mobile Design deiner Website mit dem Wix Mobile Editor für kleinere Bildschirme an.</li></ul></div></div></div>

Die Performance einer Website wirkt sich erheblich auf das Besuchererlebnis aus und beeinflusst die Bounce-Rates sowie die allgemeine Interaktion. Indem du das Design deiner Website optimierst, kannst...

Website-Performance: Eine leistungsoptimierte Website erstellen

<div data-component-type="text"><div>Die Performance einer Website wirkt sich erheblich auf das Besuchererlebnis aus und beeinflusst die Bounce-Rates sowie die allgemeine Interaktion. Indem du das Design deiner Website optimierst, kannst du die Ladezeiten verbessern, eine reibungslose Navigation gewährleisten und sowohl Desktop- als auch Mobilgerät-Nutzern ein besseres Erlebnis bieten. Befolge diese Design-Tipps, um eine leistungsstarke Website zu erstellen, die deine Besucher zur Interaktion motiviert und gleichzeitig professionell aussieht.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/74d0bfda-17fc-4eef-955c-a547e67045ad/86f53811-d6df-429b-8e04-16366b2d2018.png" alt="Screenshot eines Website-Templates von Wix mit einem minimalistischen Design." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-element-loading-order" level="3">Die Ladereihenfolge von Elementen optimieren</h2></div><div data-component-type="text"><div>Elemente auf deiner Website werden basierend auf ihrem Typ und ihrer Größe in einer bestimmten Reihenfolge geladen. Wenn du diese Reihenfolge verstehst, kannst du Prioritäten setzen und ein nahtloses Erlebnis gewährleisten.</div></div><div data-component-type="text"><ul>
  <li><strong>Statische Elemente:</strong> Dazu gehören Text und Formen, die am schnellsten laden. Füge diese zu deinem <strong>„Above the Fold“-Abschnitt</strong> hinzu, um eine schnelle Sichtbarkeit zu gewährleisten.</li>  <li><strong>Fließende Elemente:</strong> In diese Kategorie fallen Bilder und Videos. Sie erwecken deine Website zwar zum Leben, beeinträchtigen aber möglicherweise die Funktionalität. Platziere diese nach Möglichkeit unter der Falz.</li>  <li><strong>Interaktive Elemente:</strong> Elemente wie iFrames, Animationen und Apps von Drittanbietern werden zuletzt geladen. Verwende diese sparsam und strategisch, um lange Ladezeiten zu vermeiden.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Wir empfehlen, der Startseite besondere Aufmerksamkeit zu schenken, da dies in der Regel die erste Seite ist, die deine Besucher sehen.</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/7ce2aeb9-4843-4eaf-8e0e-58a7d07ff179/4d53fbe3-d8f4-44ca-8d70-f6242b687951.png" alt="Screenshot eines Website-Templates von Wix mit einem minimalistischen Design." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-a-high-performing-above-the-fold-section" level="3">Einen leistungsstarken „Above the Fold“-Abschnitt gestalten</h2></div><div data-component-type="text"><div>Der Bereich „Above the Fold“ bezieht sich auf den Bereich auf deiner Webseite, der sichtbar ist, bevor der Nutzer mit dem Scrollen beginnt. Da dieser Bereich zuerst geladen wird, ist es wichtig, ihn übersichtlich zu halten.</div></div><div data-component-type="text"><div><strong>Empfohlene Elemente:</strong></div><ul>
  <li><strong>Text:</strong> Verwende prägnanten, wirkungsvollen Text, der den Zweck deiner Seite deutlich vermittelt. Halte dich an die Systemschriftarten und vermeide die übermäßige Verwendung von verschiedenen Schriftarten und -stärken.</li>  <li><strong>Calls-to-Action (CTAs):</strong> Füge klar erkennbare Buttons oder Links hinzu, um Benutzeraktionen zu leiten, wie zum Beispiel „Jetzt kaufen“ oder „Mehr erfahren“. Vermeide in der Nähe von CTAs Elemente, die die Besucher ablenken.</li></ul><div><br /></div><div><strong>Elemente, die du sparsam verwenden solltest:</strong></div><ul>
  <li>Große Bilder oder Videos</li>  <li>Animationen</li>  <li>Übermäßiger Gebrauch von hochauflösenden Bildern</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Verwende Tools wie PageSpeed Insights von Google oder die Website-Geschwindigkeits-Verwaltung von Wix, um sicherzustellen, dass der Content „Above the Fold“ (über der Falz) für schnelles Laden optimiert ist.</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/c41dfa79-2dd6-4b69-a2d3-36da80ada870/20b2e4a0-f96b-45b3-8773-78a3f10234df.png" alt="Screenshot eines Website-Templates von Wix mit einem minimalistischen Design." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-dedicated-pages" level="3">Spezielle Seiten verwenden</h2></div><div data-component-type="text"><div>Wenn du Seiten zu viele Elemente hinzufügst, beeinträchtigt das die Leistung, insbesondere auf der Startseite. Erstelle stattdessen <strong>spezielle Seiten</strong> für bestimmte Website-Funktionen oder Apps.</div></div><div data-component-type="text"><div>Füge Seiten für Funktionen wie Wix Stores, Blogs oder Videos hinzu und verlinke zu diesen von der Startseite aus mit Buttons oder Menüelementen. Halte die Seitenlänge unter <strong>acht Bildschirmen</strong>, indem du Inhalte effektiv verteilst und möglichst keine unnötigen Elemente verwendest.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/2f1ff67e-e88c-40ff-8b14-5c0b5cca6e23/51f6129c-d3d5-46bb-982d-928539694f25.png" alt="Screenshot eines Website-Templates von Wix mit einem minimalistischen Design." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-images-and-videos" level="3">Bilder und Videos optimieren</h2></div><div data-component-type="text"><div>Mediendateien verlangsamen Websites aufgrund ihrer Größe und Auflösungen oft. So kannst du sie effektiv verwalten:</div></div><div data-component-type="text"><div><strong>Bilder:</strong></div><ul>
  <li>Verwende leichtgewichtige Formate wie WebP oder JPEG.</li>  <li>Komprimiere Dateien mit Tools wie TinyPNG, bevor du sie auf Wix hochlädst.</li>  <li>Präsentiere Bilder in einer <strong>Wix Pro Gallery</strong>, um sie mit einem integrierten Tool zu optimieren.</li></ul><div><br /></div><div><strong>Videos:</strong></div><ul>
  <li>Hoste Videos auf Wix Video, YouTube oder Vimeo, um die Leistung zu optimieren.</li>  <li>Vermeide es, Videos „Above the Fold“ (über der Falz) zu platzieren, um die ersten Seiten schneller zu laden.</li></ul></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/c99d4411-a626-438b-8947-162eb07d2d3b/58e8bd5c-2a74-44e0-ae03-4897bbb495c7.png" alt="Screenshot eines Website-Templates von Wix mit einem minimalistischen Design." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="lazy-loading" level="3">Lazy Loading (langsames Laden)</h2></div><div data-component-type="text"><div>Lazy Loading verzögert das Laden von Bildern und Videos, bis sie im Viewport des Nutzers angezeigt werden. Das verbessert die Anfangsladezeiten der Seiten. Diese Funktion ist bei Wix automatisch aktiviert, funktioniert aber am besten, wenn Bilder und Videos in unterstützten Widgets wie Galerien oder Streifen platziert werden und der „Above the Fold“-Inhalt für eine schnellere Sichtbarkeit minimal gehalten ist.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/d8e8464d-e5cb-40d9-a638-932a83500e04/52b45519-b8ee-41a4-ab63-56866088b2f3.png" alt="Screenshot eines Website-Templates von Wix mit einem minimalistischen Design." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-additional-elements" level="3">Weitere Elemente verwalten</h2></div><div data-component-type="text"><div>Andere Designentscheidungen können sich ebenfalls auf die Geschwindigkeit und Leistung deiner Website auswirken:</div><ul>
  <li><strong>Buttons:</strong> Erstelle klare und prägnante Buttons, die zu relevanten Inhalten an anderer Stelle auf deiner Website verlinken. Du kannst z. B. „Katalog entdecken“ oder „Weitere Projekte anzeigen“ verwenden.</li>  <li><strong>Benutzerdefinierter Code:</strong> Achte darauf, dass jeder benutzerdefinierte Code optimiert ist und Attribute wie „defer“ oder „async“ verwendet, um Verzögerungen zu reduzieren.</li>  <li><strong>Seitennummerierung oder „Mehr laden“-Buttons:</strong> Vermeide es, alle Produkte gleichzeitig auf einer einzigen Seite anzuzeigen, insbesondere bei produktlastigen Websites. Implementiere eine Seitennummerierung oder Load-on-Demand-Funktionen, um den Ladevorgang effizient zu gestalten.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipps:</div><div class="info-content"><ul>
  <li><strong>Regelmäßig testen:</strong> Verwende die PageSpeed Insights von Google und die Website-Geschwindigkeits-Verwaltung von Wix, um die Performance zu überwachen und zu verbessern.</li>  <li><strong>Above-the-Fold-Inhalte priorisieren:</strong> Stelle sicher, dass wichtige Inhalte schnell geladen werden, indem du leichtgewichtige und statische Elemente hinzufügst.</li>  <li><strong>Drittanbieter-Apps minimieren:</strong> Verwende nur wichtige Apps oder Widgets, um unnötige Verzögerungen zu vermeiden.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs-1" level="3">Häufig gestellte Fragen (FAQ)</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum lädt meine Website von Wix langsam und wie kann ich die Geschwindigkeit verbessern?</h4><div class="collapsible-content"><div>Große Bilddateien, übermäßige Animationen und umfangreiche Elemente verlangsamen deine Website möglicherweise. Optimiere Bilder auf Formate wie JPEG oder WebP, reduziere Inhalte auf der Startseite, nutze möglichst wenige benutzerdefinierte Schriftarten und aktiviere die Zwischenspeicherung in den Website-Einstellungen. Nutze die Website-Geschwindigkeits-Verwaltung von Wix für Analysedaten.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum ist meine mobile Website langsamer als meine Desktop-Website?</h4><div class="collapsible-content"><div>Mobile Websites können aufgrund langsamerer Internetverbindungen und einer geringeren Rechenleistung der Geräte längere Ladezeiten haben. Verbessere die Leistung, indem du das Design für Mobilgeräte vereinfachst, Lazy Loading für Medien verwendest und umfangreiche Elemente wie Videos „Above the Fold“ (über der Falz) vermeidest.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie kann ich den Score meiner Largest Contentful Paint (LCP) verbessern?</h4><div class="collapsible-content"><div>Um die LCP zu erhöhen, verwende statische Elemente (z. B. Text oder Buttons) anstelle von Animationen oder Videos. Optimiere das größte Bild oder Video auf der Seite und reduziere benutzerdefinierte oder übermäßige Schriftarten.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie kann ich eine große Anzahl von Produkten am besten präsentieren, ohne meinen Shop zu verlangsamen?</h4><div class="collapsible-content"><div>Verwende eine Seitennummerierung oder einen „Mehr laden“-Button, um Produkte in kleinere Gruppen aufzuteilen und so die Anzahl der auf einmal geladenen Daten zu reduzieren. Vermeide es, alle Produkte auf einer einzigen Seite zu präsentieren, um die Geschwindigkeit der Website zu erhalten.</div></div></div></div>

Core Web Vitals sind drei Metriken, die die Erfahrung der Besucher beim Surfen auf deiner Website bewerten. Diese Metriken messen die Ladezeit, Interaktivität und visuelle Stabilität deiner Website.Su...

Website-Performance: Über Core Web Vitals

Eine schnelle Ladezeit sorgt für ein reibungsloses und angenehmes Erlebnis für Website-Besucher. Wir sind bemüht, die Leistung der Websites von Wix zu optimieren und haben Möglichkeiten implementiert,...

Website-Performance: So verbessert Wix die Ladezeit einer Website

<div data-component-type="text"><div>Eine schnelle Ladezeit sorgt für ein reibungsloses und angenehmes Erlebnis für Website-Besucher. Wir sind bemüht, die Leistung der Websites von Wix zu optimieren und haben Möglichkeiten implementiert, die Ladezeit zu verbessern.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="automatic-image-optimization" level="3">Automatische Bildoptimierung</h2></div><div data-component-type="text"><div>Bilder können einer Website Lebendigkeit und Kontext verleihen. Egal, ob du sie zum Präsentieren von Fotos, Informationen oder zur Dekoration verwendest, es ist wichtig, dass ihre Qualität nicht beeinträchtigt wird.</div></div><div data-component-type="text"><div>Wenn du ein Bild auf eine Website von Wix hochlädst, passen wir die Größe des Bildes an, um eine optimale Qualität und Ladezeit der Website zu gewährleisten. Bilder mit weniger als 25 MB werden automatisch komprimiert, sodass du vor dem Hochladen nichts ändern musst.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="content-delivery-network-cdn" level="3">Content Delivery Network (CDN)</h2></div><div data-component-type="text"><div>Um eine optimale Ladegeschwindigkeit zu gewährleisten, verwendet Wix ein CDN, ein System aus globalen Cache-Diensten und Proxy-Servern. Ein CDN liefert Website-Inhalte an deine Besucher von dem Server, der geografisch am nächsten liegt.</div></div><div data-component-type="text"><div>Das CND fungiert als Vermittler zwischen den Servern von Wix und den Website-Besuchern und reduziert die Latenzzeit und die Ladezeit der Website.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="defense-against-distributed-denial-of-service-ddos-attacks" level="3">Abwehr von DDoS-Angriffen („Distributed Denial of Service“)</h2></div><div data-component-type="text"><div>Egal, ob deine Website <a data-composite="true" href="https://support.wix.com/de/article/eine-domain-bei-wix-erwerben" target="">eine Domain von Wix hat</a> oder <a data-composite="true" href="https://support.wix.com/de/article/eine-domain-mit-den-nameservern-von-wix-verbinden" target="">mit den Nameservern verbunden ist</a> – wir minimieren die Auswirkungen von DDoS-Angriffen auf die Website.</div></div><div data-component-type="text"><div>DDoS-Angriffe überlasten Server und führen dazu, dass sie langsam oder gar nicht reagieren. Wix verfügt über eine Infrastruktur, die die Folgen dieser Angriffe verringert und verhindern kann, dass die Ladezeit einer Website stark beeinträchtigt wird.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="lazy-loading-images" level="3">Langsam ladende Bilder (Lazy Loading Images)</h2></div><div data-component-type="text"><div>Hochauflösende Bilder können die Ladezeit deiner Website erheblich beeinflussen. Um ein besseres Besuchererlebnis zu gewährleisten, ohne Kompromisse bei deinen Inhalten einzugehen, verwendet Wix eine Technik namens Lazy Loading.</div></div><div data-component-type="text"><div>Diese Technik beschleunigt die Ladezeit, indem Bilder mit hoher Auflösung durch Versionen mit niedriger Auflösung ersetzt werden. Die Platzhalter mit niedriger Auflösung werden sofort geladen, auch in langsamen Netzwerken, während deine hochauflösenden Inhalte im Hintergrund geladen werden. Einmal geladen, ersetzen die hochauflösenden Bilder automatisch die Platzhalter.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Häufig gestellte Fragen (FAQ)</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Was kann ich tun, wenn meine Website von Wix in bestimmten Ländern nicht zugänglich ist?</h4><div class="collapsible-content"><div>Wenn deine Website in bestimmten Regionen nicht zugänglich ist, kann dies an lokalen ISP-Einschränkungen liegen. Rate Nutzern, sich an ihren ISP zu wenden und alle relevanten Informationen über die Blockierung bereitzustellen.<br /><strong>Tipp:</strong> Achte darauf, dass die Domain und das Hosting deiner Website den internationalen Vorschriften entsprechen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie kann ich erkennen, welche Elemente meine Website verlangsamen?</h4><div class="collapsible-content"><div>Verwende die Website-Geschwindigkeits-Verwaltung von Wix oder PageSpeed Insights von Google, um Metriken zu analysieren. Richte deine Aufmerksamkeit besonders auf:</div><ul>
  <li>Große Bilder oder Videos.</li>  <li>Eine übermäßige Anzahl an Animationen oder Apps von Drittanbietern</li>  <li>Ineffizienter benutzerdefinierter Code.</li></ul><div><br /></div><div><strong>Tipp: </strong>Überprüfe deine Website regelmäßig auf nicht verwendete Medien oder Elemente und entferne diese.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum haben Kunden Probleme mit dem Checkout-Prozess in meinem Online-Shop?</h4><div class="collapsible-content"><div>Probleme mit dem Checkout können wie folgt entstehen:</div><ul>
  <li>Session-Timeouts oder Zwischenspeicherung im Browser.</li>  <li>Überlappende Elemente im Design.</li>  <li>Konflikte mit Drittanbieter-Apps.</li></ul><div><br /></div><div>So löst du dieses Problem:</div><ul>
  <li>Teste den Zahlungsvorgang auf verschiedenen Geräten und Browsern.</li>  <li>Lösche den Zwischenspeicher (Cache) und die Cookies des Browsers.</li>  <li>Stelle sicher, dass alle Zahlungsmethoden korrekt verknüpft sind.</li></ul><div><br /></div><div><strong>Tipp: </strong>Verwende Wix Analytics, um das Kundenverhalten während des Checkouts zu beobachten und potenzielle Probleme zu identifizieren.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum zeigt meine Website von Wix einen leeren Bildschirm an, bevor sie Inhalte lädt?</h4><div class="collapsible-content"><div>Ein leerer Bildschirm wird möglicherweise aus folgenden Gründen angezeigt:</div><ul>
  <li>Langsames Laden großer Elemente wie Bilder oder Videos</li>  <li>Probleme mit der Zwischenspeicherung des Browsers.</li>  <li>Probleme mit der Netzwerkverbindung.</li></ul><div><br /></div><div>Um dieses Problem zu beheben:</div><ul>
  <li>Du kannst Bilder und Videos für schnelleres Laden optimieren</li>  <li>Aktiviere Zwischenspeicherung, um wiederkehrende Besuche zu verbessern.</li>  <li>Teste deine Website auf verschiedenen Geräten und Internetverbindungen.</li></ul><div><br /></div><div><strong>Tipp:</strong> Verwende die Leistungsverwaltung von Wix, um Engpässe zu identifizieren.</div></div></div></div>

PageSpeed Insights von Google ist ein Tool, das die Performance deiner Website-Seite sowohl auf dem Desktop als auch auf Mobilgeräten testet. Dieses Tool verwendet den Bericht Chrome User Experience (...

Website-Performance: PageSpeed Insights verstehen

Zurzeit ist es nicht möglich, die Reihenfolge zu ändern, in der Elemente auf deiner Website geladen werden, oder für bestimmte Elemente zu aktivieren, dass sie vorab geladen werden.Website-Elemente we...

Website Performance Funktionsvorschlag: Bestimmte Elemente werden vorab geladen

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, die Reihenfolge zu ändern, in der Elemente auf deiner Website geladen werden, oder für bestimmte Elemente zu aktivieren, dass sie vorab geladen werden.</div></div><div data-component-type="text"><div>Website-Elemente werden je nach Gewicht und Auflösung automatisch geladen. Zum Beispiel werden statische oder niedrig aufgelöste Elemente schneller geladen als hochauflösende oder interaktive Elemente. Weitere Informationen über die Reihenfolge, in der Element geladen werden, findest du <a data-composite="true" href="https://support.wix.com/de/article/website-performance-eine-leistungsoptimierte-website-erstellen#element-loading-order" target="_blank">hier</a>. </div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Wenn deine Besucher von einer Seite zu einer anderen wechseln, gibt es keinen visuellen Hinweis darauf, dass die neue Seite geladen wird, bis sie tatsächlich angezeigt wird. Die Ladezeit der neuen Sei...

Website-Performance Funktionsvorschlag: Ladeindikatoren beim Navigieren zwischen Seiten

<div data-component-type="text"><div>Wenn deine Besucher von einer Seite zu einer anderen wechseln, gibt es keinen visuellen Hinweis darauf, dass die neue Seite geladen wird, bis sie tatsächlich angezeigt wird. Die Ladezeit der neuen Seite hängt vom Inhalt ab.</div></div><div data-component-type="text"><div>Zurzeit ist es nicht möglich, einen Ladeindikator hinzuzufügen, der anzeigt, dass die Seite noch geladen wird.</div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div><div data-component-type="text"><div>Wenn du dir diese Funktion wünschst, klicke bitte auf <strong>Stimme abgeben</strong> und wir halten dich über alle Neuigkeiten dazu auf dem Laufenden.</div></div>

Du kannst Code von Drittanbietern auf deiner gesamten Website verwenden, um die Erfahrung deiner Besucher zu bereichern und weitere Funktionen hinzuzufügen. Der Code von Drittanbietern kann sich jedoc...

Website-Performance: Drittanbieter-Code auf deiner Website verwenden

<div data-component-type="text"><div>Du kannst Code von Drittanbietern auf deiner gesamten Website verwenden, um die Erfahrung deiner Besucher zu bereichern und weitere Funktionen hinzuzufügen. Der Code von Drittanbietern kann sich jedoch auf die Leistung und Ladezeit deiner Website auswirken, wenn er nicht optimiert wird.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-code-on-your-site" level="3">Code auf deiner Website optimieren</h2></div><div data-component-type="text"><div>Da der Code von Drittanbietern die Leistung und Geschwindigkeit deiner Website beeinträchtigen kann, ist es wichtig, ihn nach Möglichkeit zu optimieren. Die Optimierung des Codes kann die Auswirkungen auf deine Website verringern und den Besuchern ein reibungsloseres, schnelleres Erlebnis bieten.</div></div><div data-component-type="text"><div><strong>Es gibt mehrere Möglichkeiten, wie du deinen Code optimieren kannst:</strong></div></div><div data-component-type="text"><ul>
  <li>Füge das Attribut <strong>defer</strong> zu deinem Drittanbieter-Skript hinzu. Dieses Attribut weist den Browser deiner Besucher an, nicht auf das Skript zu warten, damit der Inhalt deiner Website ohne Unterbrechung geladen werden kann. Die Drittanbieter-Einbettung wird im Hintergrund geladen und ausgeführt, wenn das DOM der Website abgeschlossen ist.</li></ul></div><div data-component-type="text"><ul>
  <li>Platziere Skripte von Drittanbietern am Ende des Codetexts. Dadurch wird sichergestellt, dass das Rendern deines regulären Website-Inhalts nicht verzögert oder verhindert wird.</li></ul></div><div data-component-type="text"><ul>
  <li>Reduziere die Menge an Drittanbieter-Code auf deiner Website, wo du kannst. Verwende nur Code, der für die Bedürfnisse deines Unternehmens und deiner Website erforderlich ist, und entferne nicht mehr benötigten Code.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-marketing-code-on-your-site" level="3">Marketing-Code von Drittanbietern auf deiner Website verwenden</h2></div><div data-component-type="text"><div>Du kannst Tools von Drittanbietern wie Facebook-Werbeanzeigen und Google Analytics für Marketingzwecke auf deiner Website verwenden. Dieser Code ist zwar nützlich, kann sich aber auf die Ladezeit und Leistung deiner Website auswirken. Als Alternative empfehlen wir die Verwendung der <a data-composite="true" href="https://support.wix.com/de/article/über-marketing-integrationen" target="_blank">Integrationen von Wix zum Einbetten von Marketing-Tools</a> auf deiner Website.</div></div><div data-component-type="text"><div>Da diese Optionen in Wix integriert sind, haben sie einen geringeren Einfluss auf die Leistung deiner Website und du musst dir keine Gedanken über Attribute oder die Platzierung von Skripten machen. Da es sich jedoch um Code von Drittanbietern handelt, empfehlen wir dennoch, sie nur bei Bedarf zu implementieren.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="issues-with-third-party-code" level="3">Probleme mit Drittanbieter-Code</h2></div><div data-component-type="text"><div>Der Code von Drittanbietern wurde von Wix nicht getestet und wir können daher keinen Support dafür anbieten. Wenn du Probleme mit deinem Code-Snippet hast, solltest du überprüfen, ob du den Code vom Anbieter korrekt kopiert und eingefügt hast.</div></div><div data-component-type="text"><div>Wenn der Code korrekt ist und eine erneute Eingabe das Problem nicht behebt, wende dich bitte direkt an den Code-Anbieter, um Unterstützung bei der Lösung des Problems zu erhalten.</div></div>

Die DOM Order deiner Website bezieht sich auf die Lesereihenfolge der Elemente auf deinen Seiten. Diese Reihenfolge ist wichtig für Besucher, die assistierende Technologien wie die Tabulatortaste oder...

Website-Leistung: Die DOM Order deiner Website

<div data-component-type="text"><div>Die DOM Order deiner Website bezieht sich auf die Lesereihenfolge der Elemente auf deinen Seiten. Diese Reihenfolge ist wichtig für Besucher, die assistierende Technologien wie die Tabulatortaste oder Screenreader verwenden, da sie die Reihenfolge bestimmt, in der sie diese Elemente anzeigen oder mit ihnen interagieren können.</div></div><div data-component-type="text"><div>Wir empfehlen, sicherzustellen, dass die DOM Order mit der visuellen Reihenfolge der Elemente auf deinen Seiten übereinstimmt, damit jeder Besucher problemlos durch deine Website navigieren kann. Die Anpassung an die Ladereihenfolge verbessert nicht nur die Barrierefreiheit, sondern verhindert auch Layout-Probleme auf deiner Website.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-and-site-performance" level="3">DOM Order und Website-Performance</h2></div><div data-component-type="text"><div>Das DOM bestimmt die Reihenfolge, in der Elemente auf deiner Website geladen werden. Wenn die DOM Order nicht mit der visuellen Reihenfolge der Elemente übereinstimmt, kann dies das Laden deiner Website beeinträchtigen.</div></div><div data-component-type="text"><div>Wenn zum Beispiel ein Button unten auf einer Seite angezeigt wird, aber an erster Stelle in der DOM Order steht, wird er vor den Elementen darüber geladen. Wenn zusätzlicher Inhalt geladen wird, kann sich das Layout der Seite verschieben, um die anderen Elemente aufzunehmen.</div></div><div data-component-type="text"><div>Wenn ein Besucher versucht, auf diesen Button zu klicken, während der Rest des Inhalts geladen wird, kann er außerdem versehentlich ein anderes Element auswählen und zu einer anderen Seite oder einem Abschnitt weitergeleitet werden.</div></div><div data-component-type="text"><div>Die DOM Order deiner Website sollte mit der visuellen Reihenfolge der Seite übereinstimmen, unabhängig von der Lesereihenfolge der Sprache (von links nach rechts oder von rechts nach links), um sicherzustellen, dass sie korrekt geladen wird und Besuchern ein reibungsloseres Erlebnis bietet.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-wix-editor-sites" level="3">DOM Order auf Wix-Editor-Websites</h2></div><div data-component-type="text"><div>Die DOM Order ist auf deiner Desktop-Editor-Website automatisch aktiviert. Das bedeutet, dass alle Änderungen, die du an der visuellen Reihenfolge der Elemente vornimmst, automatisch auf die DOM Order angewendet werden, sodass du nichts unternehmen musst.</div></div><div data-component-type="text"><div>Wenn du eine Website mit dem Desktop-Editor erstellst, wird eine mobile Version deiner Website erstellt. Die DOM Order deiner mobilen Website wird ebenfalls automatisch arrangiert, es sind keine manuellen Änderungen erforderlich.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><div>Die automatische DOM Order auf Desktop-Editor-Websites wurde für von links nach rechts geschriebene Skripte entwickelt (z. B. Englisch, Spanisch usw.). Wenn deine Website eine von rechts nach links geschriebene Schrift verwendet, zum Beispiel Arabisch oder Hebräisch, musst du die DOM Order im Ebenen-Panel manuell neu anordnen.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die automatische DOM Order wird nur auf Änderungen auf dem Desktop angewendet, wenn du deine Website speicherst.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-studio-editor-sites" level="3">DOM Order auf Studio Editor-Websites</h2></div><div data-component-type="text"><div>Die automatische DOM Order ist auf Websites, die du im Studio Editor erstellst, automatisch aktiviert. Die Reihenfolge wird automatisch neu angeordnet, wenn du Elemente hinzufügst, ausrichtest oder ihre Größe änderst. Sie ist daher stets optimiert.</div></div><div data-component-type="text"><div>Du kannst die automatische DOM Order auf einer Studio Editor-Website deaktivieren und bei Bedarf manuelle Änderungen vornehmen. <a data-composite="true" href="https://support.wix.com/de/article/studio-editor-elemente-nach-dom-order-neu-anordnen" target="">Erfahre mehr über die DOM Order im Studio Editor</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><ul>
  <li>Die automatische DOM Order ist automatisch auf Websites aktiviert, die nach Anfang November 2024 im Studio Editor erstellt wurden. Wenn du vor diesem Datum eine Website erstellt hast, ist sie nicht aktiviert.</li>  <li>Die automatische DOM Order auf Desktop-Websites wurde für von links nach rechts geschriebene Skripte entwickelt (z. B. Englisch, Spanisch usw.). Wenn deine Website eine von rechts nach links geschriebene Schrift verwendet, zum Beispiel Arabisch oder Hebräisch, musst du die DOM Order im Ebenen-Panel manuell neu anordnen.</li></ul></div></div></div>

Erste Schritte

Template auswählen

Einen Profi von Wix engagieren

Grundlagen

Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst