Tutorials

Tutorial: Wix Website-Speed optimieren & Core Web Vitals (CWV) fixen

Melden

Dieses Tutorial hilft dir dabei, die Ladezeiten deiner Wix-Website zu optimieren und die Core Web Vitals (CWV) zu verbessern. Wix hat in den letzten Jahren massiv an der Performance gearbeitet, aber als Nutzer musst du dennoch strategische Entscheidungen treffen, um Bestnoten bei Google zu erhalten.

1. Die Analyse: Wo stehst du?

Bevor du etwas änderst, musst du wissen, wo die Probleme liegen.

  • Google PageSpeed Insights: Gib deine URL ein. Achte besonders auf LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift) und INP (Interaction to Next Paint).
  • Wix Site Speed Dashboard: Gehe in deinem Wix-Backend auf Analysen & Berichte -> Website-Geschwindigkeit. Wix zeigt dir hier spezifische Daten deiner echten Nutzer (CrUX).

2. LCP fixen (Largest Contentful Paint)

LCP misst, wann das größte Element im sichtbaren Bereich (meist ein Hero-Bild oder eine Überschrift) geladen ist. Ziel: < 2,5 Sek.

  • Bilder optimieren: Wix komprimiert Bilder automatisch, aber lade sie nicht in 5MB-Größe hoch. Nutze das richtige Format (JPG statt PNG für Fotos).
  • "Above the Fold" aufräumen: Das erste, was der Nutzer sieht, sollte leicht sein. Vermeide riesige Video-Hintergründe im obersten Bereich der Startseite.
  • Wix Turbo / Caching: Wix nutzt bereits ein globales CDN. Stelle sicher, dass du keine schweren Drittanbieter-Skripte (wie Chat-Widgets) sofort beim Laden feuerst.

3. CLS fixen (Cumulative Layout Shift)

CLS misst die visuelle Stabilität. Springen Elemente beim Laden hin und her? Ziel: < 0,1.

  • Platzhalter für Bilder: Achte darauf, dass Bilder und Video-Container feste Proportionen haben, damit der Text darunter nicht "hüpft", wenn das Bild geladen wird.
  • Schriftarten (Fonts): Zu viele verschiedene Schriftarten verzögern das Rendern. Nutze maximal 2-3 Webschriftarten.
  • Keine Pop-ups sofort zeigen: Ein Newsletter-Pop-up, das sofort nach dem Laden erscheint, kann den CLS-Wert ruinieren. Setze einen Timer (z.B. nach 5 Sekunden oder 50% Scrolltiefe).

4. INP / FID fixen (Interaktivität)

Misst, wie schnell die Seite auf Klicks reagiert. Ziel: < 200ms.

  • Apps ausmisten: Jede App aus dem Wix App Market lädt zusätzliches JavaScript. Lösche alles, was du nicht unbedingt brauchst.
  • Vorsicht mit Custom Code: Wenn du Tracking-Pixel (Facebook, Google Ads) oder benutzerdefiniertes Velo-Code-Scripting nutzt, platziere sie im "Body-Ende" statt im "Head", sofern möglich.
  • Vermeide "schwere" Animationen: Nutze die eingebauten Wix-Animationen sparsam, besonders solche, die auf Scroll-Events reagieren.

5. Spezifische Wix-Einstellungen nutzen

A. Bild-Optimierung im Editor

Klicke auf deine Bilder -> Einstellungen. Stelle sicher, dass kein Text in das Bild "eingebrannt" ist (SEO-Nachteil), und nutze die SEO-Alt-Texte, damit Google versteht, was dort zu sehen ist.

B. Mobile Optimierung

Wix ist kein voll-responsives System (außer Wix Studio), sondern nutzt absolute Positionierung.

  • Gehe in den Mobile Editor.
  • Verstecke Elemente, die auf dem Smartphone zu viel Platz wegnehmen oder zu lange laden (Rechtsklick -> Element ausblenden). Dies beeinflusst die Desktop-Version nicht!

C. Der Wix "Site Speed" Wizard

Wix bietet oft automatisierte Tipps im Dashboard an. Folge diesen Empfehlungen, da sie direkt auf die Architektur deiner speziellen Seite zugeschnitten sind.

6. Fortgeschritten: Wix Studio (Falls du wechseln kannst)

Wenn du maximale Performance willst, bietet Wix Studio eine modernere Infrastruktur als der klassische Editor. Es nutzt CSS Grid und modernere Rendering-Methoden, was von Haus aus zu besseren Core Web Vitals führt.

Checkliste für den schnellen Erfolg:

  1. [ ] Alle ungenutzten Apps gelöscht?
  2. [ ] Video-Hintergründe im sichtbaren Bereich (Hero-Section) entfernt?
  3. [ ] Bilder auf Web-Größe reduziert (ca. 1500-2000px Breite max)?
  4. [ ] Schriftarten auf 2-3 begrenzt?
  5. [ ] Mobile Ansicht separat optimiert und "schwere" Inhalte dort ausgeblendet?

Pro-Tipp: Teste deine Seite nach jeder größeren Änderung erneut bei PageSpeed Insights. Manchmal verursacht eine einzige App oder ein falsch platziertes Skript den kompletten Performance-Einbruch.

0