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

Verbessere die Funktionalität deiner Website, um die Benutzererfahrung zu optimieren. In diesem Artikel erfährst du, wie du die Ladezeiten deiner Seite verstehst und optimierst, um die Geschwindigkeit und Reaktionsfähigkeit zu steigern. Lerne, wie du Elemente wie Bilder, Videos und Schriftarten anpasst, um die Ladezeit zu verkürzen und die Leistung zu verbessern. Folge den besten Praktiken, um sicherzustellen, dass deine Website schnell und benutzerfreundlich bleibt.

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

Entdecke, wie du nicht verwendete JavaScript-Dateien auf deiner Wix-Website identifizieren und optimieren kannst, um die Ladegeschwindigkeit zu verbessern. Während einige Dateien von Wix essentiell sind und nicht entfernt werden sollten, kannst du Drittanbieter-JavaScript überprüfen und gegebenenfalls entfernen oder durch optimierte Alternativen ersetzen. Lerne, wie du eine leistungsorientierte Website erstellst und die Empfehlungen von Google PageSpeed Insights effektiv umsetzt.

<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

Optimiere den Text auf deiner Website, um das Besuchererlebnis zu verbessern. Lerne, wie verschiedene Schriftarten und deren Verwendung die Ladegeschwindigkeit und Leistung deiner Seite beeinflussen können. Entdecke die Vorteile von Systemschriftarten gegenüber benutzerdefinierten Schriftarten und erhalte Tipps zur Reduzierung der Anzahl der Schriftarten und Schriftformatierungen. Außerdem erfährst du, wie du Ausweichschriftarten im Studio Editor aktivieren kannst, um die Ladezeiten zu optimieren und das Nutzererlebnis zu steigern.

<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>

Wenn du einen Medienhintergrund (Bild oder Video) auf eine Seite, einen Abschnitt oder ein Element anwendest, sehen Website-Besucher möglicherweise kurz eine Farbe aufblitzen, während der Hintergrund ...

Website-Performance: Beim Laden der Seite blinkt Farbe auf

Erfahre, wie du die Hintergrundfarbe deiner Seiten, Abschnitte und Elemente in Wix anpassen kannst, um das Aufblitzen von Farben beim Laden von Medien zu minimieren. Das Ändern der Hintergrundfarbe auf einen Farbton, der dem Bild oder Video ähnelt, verbessert das Nutzererlebnis. Die Anleitung zeigt dir, wie du die Hintergrundfarbe im Wix Editor, Studio Editor oder Harmony Editor ändern kannst, um ein professionelles und einheitliches Design zu erzielen.

<div data-component-type="text"><div>Wenn du einen Medienhintergrund (Bild oder Video) auf eine Seite, einen Abschnitt oder ein Element anwendest, sehen Website-Besucher möglicherweise kurz eine Farbe aufblitzen, während der Hintergrund geladen wird.</div></div><div data-component-type="text"><div>Die Hintergrundmedien werden in der Regel so schnell geladen, dass Website-Besucher die Hintergrundfarbe nicht sehen. Um dieses Aufblitzen der Farbe weniger auffällig zu machen, kannst du die Hintergrundfarbe der entsprechenden Elemente anpassen.</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 weniger auffällig sein. Wir empfehlen, eine Farbe zu 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 Studio oder den Harmony Editor?</div><div class="info-content"><div>Es ist mit diesen Editoren nicht möglich, Medien zu einem Seitenhintergrund hinzuzufügen. Du kannst diesen Schritt überspringen.</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 dem <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-dein-farbdesign-anpassen" target="">Farbdesign deiner Website</a> oder wähle unter <strong>Meine Farben</strong> eine benutzerdefinierte Farbe oder erstelle 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 data-slug="Wix-Harmony-Editor" class="tab-heading heading-2">Wix Harmony 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 dem <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-dein-farbdesign-anpassen" target="">Farbdesign deiner Website</a> oder wähle unter <strong>Meine Farben</strong> eine benutzerdefinierte Farbe oder erstelle 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 dem <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-dein-farbdesign-anpassen" target="">Farbdesign deiner Website</a> oder wähle unter <strong>Meine Farben</strong> eine benutzerdefinierte Farbe oder erstelle 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 class="tab-content"><div data-component-type="text"><div>Wenn du eine Website mit dem Wix Harmony Editor erstellst, kannst du die Hintergrundfarbe von Abschnitten auf deiner Seite ändern. Wenn dein Abschnitt in ein Raster unterteilt ist, kannst du auch die Hintergrundfarbe bestimmter Zellen ä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 auf den entsprechenden Abschnitt.</li>  <li>Klicke in der Aktionsleiste auf <strong>Hintergrund ersetzen</strong>.</li>  <li>Klicke auf das Symbol für <strong>Farbe</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/5813e8c9-5654-4379-8112-b0428ef1dbe3/07a89eb2-565a-428c-becb-26137249e556.png" />.</li>  <li>Klicke auf den Farbkreis.</li>  <li>(In der Farbauswahl) Wähle eine deiner Markenfarben oder eine individuelle Farbe.<br />
<strong>Tipp:</strong> Klicke auf das Symbol für <strong>Pipette</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/301b32b2-1d60-4582-9915-2f8ac253763e/9d1c12b3-0fae-4d99-83ba-fb9a0f865558.png" />, um eine bestimmte Farbe auf deiner Seite auszuwählen.</li></ol></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>Klicke auf den entsprechenden Abschnitt.</li>  <li>Klicke auf die entsprechende Zelle.</li>  <li>Klicke in der Aktionsleiste auf <strong>Hintergrund ersetzen</strong>.</li>  <li>Klicke auf das Symbol für <strong>Farbe</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/5813e8c9-5654-4379-8112-b0428ef1dbe3/07a89eb2-565a-428c-becb-26137249e556.png" />.</li>  <li>Klicke auf den Farbkreis.</li>  <li>(In der Farbauswahl) Wähle eine deiner Markenfarben oder eine individuelle Farbe. <br />
<strong>Tipp:</strong> Klicke auf das Symbol für <strong>Pipette</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/301b32b2-1d60-4582-9915-2f8ac253763e/9d1c12b3-0fae-4d99-83ba-fb9a0f865558.png" />, um eine bestimmte Farbe auf deiner Seite auszuwählen.</li></ol></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 aufmerksamkeitsstarke, interaktive Möglichkeit, Medien und Inhalte auf einer Website zu präsentieren. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-design-deiner-diashow-anpassen" target="">Passe die Hintergrundfarbe der Folien</a> an die Medien an, um ein professionelles, einheitliches Design zu erstellen.</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 nicht möglich, dem Hintergrund eines Diashow-Elements Medien 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 dem <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-dein-farbdesign-anpassen" target="">Farbdesign deiner Website</a> oder wähle unter <strong>Meine Farben</strong> eine benutzerdefinierte Farbe oder erstelle 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

Verbessere die Performance deiner Website, um ein reibungsloses Benutzererlebnis zu gewährleisten. Lerne, wie du die Datensätze deines CMS optimierst, um die Seitengeschwindigkeit zu steigern. Entdecke, wie du die Anzahl der gleichzeitig geladenen Elemente anpassen, einen „Mehr laden“-Button hinzufügen und verzögerte Datensätze verwenden kannst, um die Ladezeiten zu verkürzen. Diese Maßnahmen helfen dir, die Benutzerfreundlichkeit zu verbessern und das Design deiner Seite zu optimieren.

<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

Entdecke, wie du das Zwischenspeichern (Caching) deiner Website-Seiten aktivieren und anpassen kannst, um die Ladezeiten zu verkürzen und die Benutzererfahrung zu verbessern. Durch das Caching werden Seiteninhalte effizient gespeichert, sodass Besucher schnellere Ladezeiten genießen. Lerne, wie du die Caching-Einstellungen für einzelne Seiten steuern kannst, um optimale Performance und Aktualität deiner Inhalte zu gewährleisten.

<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 fast alle Website-Seiten automatisch aktiviert. Bei Bedarf kannst du die Caching-Einstellungen für einzelne Seiten manuell anpassen.</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 Speicher, in dem Versionen deiner Seiten in einem Content Delivery Network (CDN) gespeichert werden. Wix verwendet Server-Side Rendering (SSR), um diese zwischengespeicherten Versionen zu erstellen.</div></div><div data-component-type="text"><div>Wenn Besucher eine Seite zum ersten Mal anfordern, wird sie automatisch von Wix zwischengespeichert. Alle weiteren Besucher erhalten die zwischengespeicherte Version aus dem CDN. Das verhindert, dass die Elemente und Assets der Seite komplett neu geladen werden müssen.</div></div><div data-component-type="text"><div>Zwischengespeicherte Versionen werden in der Regel ungefähr eine Woche lang gespeichert. Nach einer Woche wird der Zwischenspeicher (Cache) gelöscht und die Seite aus dem CDN entfernt. Das nächste Mal, wenn Besucher die Seite laden, wird sie erneut zwischengespeichert. Zwischengespeicherte Seiten werden auch jedes Mal gelöscht, wenn du deine Website veröffentlichst.</div></div><div data-component-type="line"><hr line-style="thin" /></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 Besucher eine Seite laden, wird eine zwischengespeicherte Version für ihre spezifischen Parameter erstellt. Zukünftige Besucher mit denselben Parametern sehen diese zwischengespeicherte Version und profitieren von schnelleren Ladezeiten. Besucher mit anderen Parametern lösen eine neue Zwischenspeicherung der Seite aus, die für zukünftige Besucher mit diesen spezifischen Parametern optimiert ist.</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>Zwischengespeicherte Seiten können dir helfen, die allgemeine Website-Performance zu verbessern, einschließlich Metriken wie LCP (Largest Contentful Paint) und FCP (First Contentful Paint). Das kann den Core Web Vitals Score deiner Website und deine allgemeine Platzierung in den Suchergebnissen verbessern.</div></div><div data-component-type="text"><div>Da der Großteil der Website bereits auf den Servern von Wix geladen ist, müssen die Geräte deiner Besucher nicht so viele Daten verarbeiten. Außerdem wird die Website vom nächsten geografischen CDN gerendert, was die Ladezeit verbessern 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>Während das Zwischenspeichern (Caching) für die meisten Seiten automatisch aktiviert ist, kannst du die Zwischenspeicher-Einstellungen für einzelne Seiten bei Bedarf steuern. Möglicherweise möchtest du das Caching für Seiten deaktivieren, die Daten aus externen Quellen abrufen, oder für Seiten, die Informationen anzeigen, die häufig geändert werden.</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 Schieberegler <strong>Caching für diese Seite manuell steuern</strong> und wähle aus, was du tun möchtest:
    <ul>
      <li><strong>Aktiviert:</strong> Du steuerst das Zwischenspeichern (Caching) für diese Seite manuell. Wähle unter <strong>Wie oft soll der Zwischenspeicher dieser Seite zurückgesetzt werden?</strong> 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 zwischengespeichert wird.</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://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/30/173b5a92-644e-43c5-8eb1-f74fa4050309/cafce6d8-4081-4d5a-8ec4-6cffcb297c4a.png" />.</li>  <li>Klicke auf <strong>Einstellungen</strong>.</li>  <li>Klicke auf <strong>Erweiterte Einstellungen</strong>.</li>  <li>Klicke auf den Schieberegler <strong>Caching für diese Seite manuell steuern</strong> und wähle aus, was du tun möchtest:
    <ul>
      <li><strong>Aktiviert:</strong> Du steuerst das Zwischenspeichern (Caching) für diese Seite manuell. Wähle unter <strong>Wie oft soll der Zwischenspeicher dieser Seite zurückgesetzt werden?</strong> 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 zwischengespeichert wird.</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 Ladezeiten und sorge für das bestmögliche Erlebnis für deine Website-Besucher, indem du die Einstellungen für die Performance deiner Website anpasst. Standardmäßig ist SWR (stale while revalidate) aktiviert. Das heißt, Website-Besuchern werden alte zwischengespeicherte Inhalte angezeigt, während im Hintergrund neue Daten abgerufen und für die zukünftige Verwendung im Zwischenspeicher gespeichert werden.</div></div><div data-component-type="text"><div>Wenn du für deine Website ein Premiumpaket erworben hast, kannst du SWR deaktivieren, damit deine Website neue Inhalte anstelle von zwischengespeicherten Daten lädt.</div></div><div data-component-type="text"><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>Entscheide, was du als Nächstes tun möchtest:
    <ul>
      <li><strong>SWR aktivieren oder deaktivieren: </strong>Klicke auf den Schieberegler neben dem Schieberegler <strong>SWR aktivieren, um zwischengespeicherte Inhalte während der Aktualisierung anzuzeigen</strong>:
        <ul>
          <li><strong>Aktiviert: </strong>Besucher sehen zwischengespeicherte Inhalte, während im Hintergrund neue Daten abgerufen werden. Das bedeutet, dass Besucher deine Inhalte schneller sehen und Updates für zukünftige Anfragen schneller abgerufen werden.</li>          <li><strong>Deaktiviert: </strong>Besucher sehen keine zwischengespeicherten Inhalte, was bedeutet, dass sie möglicherweise warten müssen, bis neue Daten geladen werden.</li>        </ul>      </li>      <li><strong>Alle Seiten aus dem CDN-Zwischenspeicher löschen: </strong>Damit der nächste Besucher nur neue (nicht zwischengespeicherte) Inhalte sieht, musst du auf <strong>Website-Zwischenspeicher löschen</strong> klickst. Dadurch werden zwischengespeicherte Seiten aus dem CDN gelöscht.<br />
<strong>Hinweis:</strong> Für den ersten Besucher nach dem Leeren des Zwischenspeichers 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 häufig gestellte Fragen zum Zwischenspeichern von Seiten zu erhalten.</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>Die folgenden Seiten werden für alle Besucher immer neu gerendert und können nicht zwischengespeichert werden:</div><ul>
  <li>Seiten für angemeldete Website-Mitglieder</li>  <li>Die Ergebnisseiten der Wix Site Search</li>  <li>Seiten, die du als privat eingestellt hast (z. B. mit einem Passwort)</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie wirkt sich Zwischenspeichern auf Seiten mit Code aus?</h4><div class="collapsible-content"><div>Seiten mit Code werden automatisch zwischengespeichert. Wenn dein Code Daten von externen Quellen abruft oder bei jedem Besuch neue Informationen abrufen muss, kannst du <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/best-practices/caching/control-page-caching-manually" target="">das Caching für diese Seite manuell deaktivieren</a>.</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 automatisch jede Woche oder in dem von dir für einzelne Seiten festgelegten benutzerdefinierten Intervall gelöscht. Er wird auch jedes Mal gelöscht, wenn du deine Website veröffentlichst.</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

Erfahre, wie Wix beim Laden von hochauflösenden Bildern auf deiner Website zunächst ein Bild mit niedriger Auflösung anzeigt, um die Ladezeiten zu verbessern. Diese Technologie sorgt dafür, dass deine Besucher schneller auf relevante Inhalte zugreifen können, ohne die Leistung deiner Seite zu beeinträchtigen. Beachte, dass dieses Verhalten nicht deaktiviert werden kann, und dein Feedback ist wichtig für zukünftige Verbesserungen.

<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

Optimieren Sie Ihre Bilder und Videos, um die Ladegeschwindigkeit Ihrer Website zu verbessern und ein reibungsloses Benutzererlebnis zu gewährleisten. Erfahren Sie, wie Sie das richtige Format wählen, hochauflösende Bilder verwenden und Galerien effizient organisieren. Nutzen Sie Wix Video für eine integrierte Videoleistung und vermeiden Sie langsame Ladezeiten durch strategische Platzierung von Medien. Mit diesen Tipps steigern Sie die Performance Ihrer Website und halten die Qualität Ihrer Inhalte hoch.

<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="">eine Vielzahl von Mediendateiformaten</a> wie Bilder, Videos, Audio, Symbole, Vektorgrafiken (SVG) und vieles mehr direkt auf deine Website hochladen. 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 <a data-composite="true" href="https://x.wix.com/wixel/foto-editor/image-ref=" target="_blank">Bildeditor von Wix</a>, um Bilder vor dem Hochladen an die empfohlenen 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>Lasse deine 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 verbessert die Interaktion beim Verwalten der Leistung. Platziere Galerien <strong>unter der Falz</strong> (Content, den Besucher nach dem Scrollen sehen). So können Text und Aktionsaufrufe oberhalb der Falz schnell geladen werden und wecken das Interesse der Besucher, während dein Galerieinhalt 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 <a data-composite="true" href="https://support.wix.com/de/article/wix-video-über-wix-video" target="">Wix Video</a> 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>Prüfe die <a data-composite="true" href="https://support.wix.com/de/article/wix-pro-gallery-die-bildqualität-für-galeriebilder-festlegen" target="">Bildschärfe</a> 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 <a data-composite="true" href="https://support.wix.com/de/article/website-performance-wie-wix-die-ladezeit-deiner-website-verbessert#lazy-loading-images" target="">Lazy Loading</a> 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 <a data-composite="true" href="https://support.wix.com/de/article/deine-website-geschwindigkeits-verwaltung-verstehen" target="">die Website-Geschwindigkeits-Verwaltung 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 das Mobile-Design deiner Website regelmäßig mit dem Wix Mobile Editor für kleinere Bildschirme an.</li></ul></div></div></div>

Erstelle eine schnelle, ansprechende Website, indem du Designoptionen wählst, bei denen die Performance im Mittelpunkt steht. Wenn du auswählst, was zuerst angezeigt werden soll, wo Bilder und Videos ...

Website-Performance: Eine leistungsoptimierte Website erstellen

Entdecke, wie du eine schnelle und ansprechende Website erstellst, indem du Designoptionen wählst, die die Performance optimieren. Lerne, wie du die Ladeordnung von Elementen anpasst, um die Sichtbarkeit zu verbessern, und optimiere Bilder und Videos für schnellere Ladezeiten. Nutze Lazy Loading und spezielle Seiten, um die Benutzererfahrung auf jedem Gerät zu verbessern. Mit diesen Tipps kannst du das Interesse der Besucher wecken und ein professionelles Erlebnis bieten.

<div data-component-type="text"><div>Erstelle eine schnelle, ansprechende Website, indem du Designoptionen wählst, bei denen die Performance im Mittelpunkt steht. Wenn du auswählst, was zuerst angezeigt werden soll, wo Bilder und Videos platziert werden sollen und wie du deine Inhalte organisieren möchtest, können deine Seiten schnell geladen werden und Besucher finden einfacher, was sie suchen. Verwende diese Performance-Tipps, um die Geschwindigkeit deiner Website zu verbessern, das Interesse der Besucher zu wecken und auf jedem Gerät für ein reibungsloses, professionelles Erlebnis zu sorgen.</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 Grundformen, die am schnellsten geladen werden. Füge sie oberhalb der Falz hinzu, um für eine schnelle Sichtbarkeit zu sorgen.</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, wenn möglich, unter der Falz.</li>  <li><strong>Interaktive Elemente:</strong> Elemente wie iFrames, Animationen und Drittanbieter-Apps werden zuletzt geladen. Verwende sie 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="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 Abschnitt oberhalb der Falz bezieht sich auf den Bereich deiner Webseite, der sichtbar ist, bevor der Nutzer zu scrollen beginnt. Da dieser zuerst geladen wird, ist es wichtig, ihn übersichtlich zu gestalten.</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 <a data-composite="true" href="https://support.wix.com/de/article/deine-website-geschwindigkeits-verwaltung-verstehen" target="">Website-Geschwindigkeits-Verwaltung von Wix</a>, um sicherzustellen, dass der Content über der Falz für schnelles Laden optimiert ist.</div></div></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 Shops, Blogs oder Videos hinzu und verlinke sie von der Startseite aus mit Buttons oder Menüelementen. Begrenze die Seitenlänge auf unter <strong>8 Bildschirme</strong>, indem du Inhalte auf deine Website-Seiten verteilst und nicht benötigte Elemente begrenzt.</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 vor dem Hochladen auf Wix.</li>  <li>Präsentiere Bilder in einer Pro Gallery für eine integrierte Optimierung.</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="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="lazy-loading" level="3">Lazy Loading</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, und verbessert so die ersten Ladezeiten der Seite. Diese Funktion ist bei Wix automatisch aktiviert, funktioniert aber am besten, wenn Bilder und Videos in unterstützten Elementen wie Galerien oder Streifen platziert werden und der Inhalt oberhalb der Falz für eine schnellere Sichtbarkeit minimal gehalten wird.</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 <a data-composite="true" href="https://support.wix.com/de/article/cms-eine-seitennummerierungsleiste-hinzufügen-und-einrichten" target="">Seitennummerierung</a> 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 <a data-composite="true" href="https://support.wix.com/de/article/deine-website-geschwindigkeits-verwaltung-verstehen" target="">Website-Geschwindigkeits-Verwaltung von Wix</a>, 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

Entdecke, wie du die Core Web Vitals deiner Website verbessern kannst, um die Benutzererfahrung zu optimieren und deine Sichtbarkeit in Suchmaschinen zu steigern. Lerne die drei Hauptmetriken – Largest Contentful Paint (LCP), Interaction to Next Paint (INP) und Cumulative Layout Shift (CLS) – kennen und erhalte praktische Tipps zur Verbesserung jeder Metrik. Mit diesen Optimierungen kannst du das Surferlebnis deiner Besucher erheblich verbessern und deine SEO-Rankings positiv beeinflussen.

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

Entdecke, wie du die Ladezeit deiner Wix-Website optimieren kannst, um ein reibungsloses Nutzererlebnis zu gewährleisten. Lerne, wie automatische Bildoptimierung, ein Content Delivery Network (CDN) und Lazy Loading-Techniken dazu beitragen, die Ladegeschwindigkeit zu verbessern. Zudem erhältst du hilfreiche Tipps zur Identifizierung und Behebung von Elementen, die die Geschwindigkeit deiner Website beeinträchtigen könnten.

<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 für Desktop-Computer als auch für Mobilgeräte testet. Dieses Tool verwendet den Bericht zum Chrome-Nutzererl...

Website-Performance: PageSpeed Insights verstehen

Entdecke, wie du die Performance deiner Website mit Google PageSpeed Insights verbessern kannst. Dieses Tool analysiert die Ladegeschwindigkeit für Desktop und Mobilgeräte, basierend auf echten Nutzererfahrungen und simulierten Tests. Lerne, wie du die Core Web Vitals bewerten und optimieren kannst, um das Nutzererlebnis zu steigern und deine SEO-Platzierung zu verbessern. Erhalte wertvolle Einblicke in die wichtigsten Metriken und erfahre, wie du die Ladegeschwindigkeit deiner Seiten effektiv erhöhen kannst.

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

Erfahre, dass es derzeit nicht möglich ist, die Lade-Reihenfolge von Elementen auf deiner Website zu ändern oder bestimmte Elemente vorab zu laden. Elemente werden automatisch basierend auf ihrem Gewicht und ihrer Auflösung geladen, wobei statische oder niedrig aufgelöste Elemente schneller sind. Dein Feedback ist wichtig, da wir kontinuierlich an Verbesserungen arbeiten.

<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>

Wir freuen uns, mitteilen zu können, dass Besucher jetzt einen Ladeindikator auf dem Browser-Tab deiner Website sehen, wenn sie zwischen den Seiten wechseln. Der Indikator wird beim Laden der nächsten...

Website-Performance Funktionsvorschlag: Ladeindikatoren beim Navigieren zwischen Seiten

Entdecke den neuen Ladeindikator auf dem Browser-Tab deiner Website, der Besuchern anzeigt, dass die Seite lädt, während sie zwischen den Seiten wechseln. Dieser Indikator sorgt dafür, dass deine Besucher informiert bleiben und das Nutzererlebnis verbessert wird, selbst wenn das Laden etwas länger dauert.

<div data-component-type="text"><div>Wir freuen uns, mitteilen zu können, dass Besucher jetzt einen Ladeindikator auf dem Browser-Tab deiner Website sehen, wenn sie zwischen den Seiten wechseln. Der Indikator wird beim Laden der nächsten Seite angezeigt, damit Besucher wissen, dass die Website reagiert, auch wenn es etwas länger dauert, bis die Seite angezeigt wird.</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

Optimiere den Einsatz von Drittanbieter-Code auf deiner Website, um die Benutzererfahrung zu verbessern und die Ladezeiten zu minimieren. Lerne, wie du Skripte effizient platzierst, das Attribut "defer" hinzufügst und überflüssigen Code reduzierst. Entdecke auch, wie du Marketing-Tools wie Facebook-Werbeanzeigen und Google Analytics über Wix-Integrationen einfügen kannst, um die Leistung deiner Seite zu schonen. Beachte, dass Wix keinen Support für Drittanbieter-Code bietet, daher ist es wichtig, bei Problemen direkt den Anbieter zu kontaktieren.

<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

Entdecken Sie, wie die DOM-Reihenfolge Ihrer Website die Benutzererfahrung beeinflusst, insbesondere für Besucher mit assistierenden Technologien. Erfahren Sie, wie Sie sicherstellen, dass die DOM-Reihenfolge mit der visuellen Anordnung übereinstimmt, um die Barrierefreiheit zu verbessern und Ladeprobleme zu vermeiden. Der Artikel behandelt die automatische Anpassung der DOM-Reihenfolge in Wix-Editoren und bietet hilfreiche Tipps zur manuellen Anpassung, um ein reibungsloses Surferlebnis zu gewährleisten.

<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, zu überprüfen, 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 und der Lesereihenfolge der Sprache (von links nach rechts oder von rechts nach links) übereinstimmen, damit die Website korrekt geladen wird und das Erlebnis für Besucher unkompliziert ist.</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="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. Erfahre hier mehr über die <a data-composite="true" href="https://support.wix.com/de/article/studio-editor-elemente-nach-dom-order-neu-anordnen" target="">DOM Order im Studio Editor</a>.</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 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.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-wix-harmony-editor-sites" level="3">DOM Order auf Wix Harmony-Websites</h2></div><div data-component-type="text"><div>Wix organisiert die DOM Order deiner Harmony-Website. Diese Reihenfolge wird automatisch angepasst, wenn du Elemente hinzufügst, ihre Größe änderst oder sie verschiebst. sodass du dir keine Gedanken über manuelle Änderungen machen musst. </div></div><div data-component-type="text"><div>Du kannst <a data-composite="true" href="https://support.wix.com/de/article/wix-harmony-editor-mit-der-dom-order-arbeiten#manually-adjusting-the-dom-order" target="">die DOM Order einzelner Abschnitte und Container allerdings nach Bedarf manuell anpassen</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Du hast die Sprache einer Website geändert?</div><div class="info-content"><div>Wenn du die Sprache einer Website in eine Sprache mit einer anderen Leserichtung änderst, kann das dazu führen, dass die DOM Order nicht mit der visuellen Reihenfolge der Elemente übereinstimmt. Wenn du die Sprache der Website in eine Sprache mit einer anderen Leserichtung änderst, empfehlen wir, den <a data-composite="true" href="https://support.wix.com/de/article/barrierefreiheit-deine-website-für-screenreader-vorbereiten#site-language-and-dom" target="">Wizard für Barrierefreiheit zu verwenden, um Seitenelemente und Inhalte neu anzuordnen</a>.</div></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