Mehr als die Hälfte aller Website-Besuche in der Schweiz kommt über mobile Geräte. Wer mit Divi 4.x arbeitet, merkt oft, dass die mobile Ladezeit deutlich langsamer ist als die Desktop-Version. Das liegt an umfangreichen Modulen, grossen Bildern und ergänzendem JavaScript, das auf Smartphones besonders ins Gewicht fällt.

In diesem Artikel zeige ich dir, wie du Divi mobil schneller machst – mit gezielten Einstellungen im Page Builder, optimierten Bildern und dem richtigen Umgang mit Caching und CDN.

Warum mobile Ladezeit besonders wichtig ist

Google nutzt seit Jahren das Mobile-First-Indexing. Das bedeutet, dass die mobile Version deiner Website für die Bewertung in den Suchergebnissen zählt. Eine langsame mobile Seite hat also nicht nur schlechtere Nutzerwerte, sondern kann auch dein Ranking beeinflussen.

Zusätzlich spielen die Core Web Vitals eine grosse Rolle. Auf Mobilgeräten ist das Netzwerk oft langsamer, der Prozessor schwächer und das Display kleiner.

Deshalb reichen Desktop-Optimierungen nicht aus – du musst die mobile Erfahrung gezielt betrachten.

Divi-Module mobil optimieren

Divi bietet für fast jedes Modul eigene responsive Einstellungen. Du findest sie jeweils unter der Registerkarte «Advanced» resp. «Responsive» im Modul-Editor. Dort kannst du Padding, Margin, Schriftgrössen und sogar ganze Module je nach Breakpoint anpassen.

Meine wichtigsten Empfehlungen für mobile Module:

1. Padding und Margin verkleinern: Was auf einem 27-Zoll-Monitor gut aussieht, frisst auf einem Smartphone unnötig vertikalen Platz. Reduziere vertikale Abstände auf mobilen Breakpoints um 30 bis 50 Prozent.
2. Nicht benötigte Module ausblenden: Ein animierter Intro-Bereich oder ein komplexes Team-Grid kannst du auf mobilen Geräten optional ausblenden, wenn es zur Konversion nicht beiträgt.
3. Schriftgrössen anpassen: Überschriften mit 72 Pixeln sind auf dem Desktop schick, auf dem Smartphone aber unhandlich. Lege für Mobilgeräte kleinere Typografie fest.
4. Spaltenanzahl reduzieren: Vier Spalten wirken auf dem Desktop aufgeräumt, auf dem Smartphone werden sie zu schmal. Wechsle auf zwei oder besser auf eine Spalte.

Wenn du diese Einstellungen systematisch anpasst, reduziert sich nicht nur die visuelle Ladekomplexität, sondern auch die Zeit, bis der Browser den sichtbaren Bereich rendern kann.

Bilder für mobile Geräte optimieren

Bilder sind auf mobilen Geräten der grösste Performance-Killer. Ein Foto, das für den Desktop in voller Breite optimiert wurde, lädt auf dem Smartphone mit derselben Dateigrösse – obwohl der Bildschirm viel kleiner ist. Das lässt sich ändern.

Für Schweizer Divi-Websites empfehle ich folgende Massnahmen:

1. WebP verwenden: WordPress und Divi unterstützen WebP. Gegenüber JPEG sparst du oft 25 bis 40 Prozent Dateigrösse bei gleicher Qualität.
2. Adaptive Bildgrössen: Lade nicht einfach das 1920-Pixel-Bild, sondern nutze die von WordPress generierten Auflösungen. Divi rendert in der Regel das passende `srcset`, wenn du die voreingestellten Bildgrössen beibehältst.
3. Lazy Load aktivieren: Bilder unterhalb des sichtbaren Bereichs sollten erst beim Scrollen geladen werden. Divi bietet diesen Schalter direkt in den Theme Options. Eine detaillierte Anleitung dazu findest du in meinem Artikel über Lazy Load, Critical CSS & JS-Defer.
4. Hero-Bilder optimieren: Das grösste Bild im sichtbaren Bereich beeinflusst den LCP-Wert massgeblich. Halte das Hero-Bild unter 100 Kilobyte und verzichte auf überflüssige Details.

Experten-Tipp aus der Praxis: Speichere deine Hero-Bilder immer in der exakten Zielgrösse und nicht grösser. Ein Bild, das du nachträglich per CSS verkleinerst, verursacht trotzdem die volle Ladezeit. Bei retinafähigen Displays reicht die doppelte Auflösung des Anzeigebereichs.

Christopher Matt, Matt Interfaces Luzern

Caching und CDN mobil nutzen

Auch auf Mobilgeräten profitiert deine Website von Caching und CDN. Der mobilen Ladegeschwindigkeit zuliebe solltest du jedoch einige Besonderheiten beachten.

Mobile Browser cachen Seiten oft aggressiver als Desktop-Browser. Das kann zu dem Phänomen führen, dass du nach einer Änderung noch die alte Version siehst. In meinem Artikel zum WordPress Cache leeren mit Divi 4.x erkläre ich, wie du Browser-, Plugin-, Divi- und Server-Cache in der richtigen Reihenfolge leerst.

Ein CDN sorgt dafür, dass Bilder, CSS und JavaScript von einem Server in der Nähe des Nutzers ausgeliefert werden. Wenn deine Zielgruppe hauptsächlich in der Schweiz liegt, bringt ein CDN mit europäischen Edge-Standorten deutlich mehr als ein rein US-basiertes Netzwerk.

PageSpeed Insights richtig lesen

PageSpeed Insights zeigt dir getrennt die Werte für Mobile und Desktop. Für Divi-Websites ist die Mobile-Ansicht oft die aussagekräftigere, weil dort die Engpässe sichtbar werden.

Metrik	Was sie misst	Guter Wert Mobile
LCP	Ladezeit des grössten sichtbaren Elements	unter 2,5 Sekunden
INP	Reaktionszeit auf Interaktionen	unter 200 Millisekunden
CLS	Visuelle Stabilität	unter 0,1

Typische Divi-spezifische Probleme auf Mobile sind ein hoher LCP-Wert durch zu grosse Hero-Bilder, ein hoher INP-Wert durch übermässiges JavaScript sowie ein erhöhter CLS-Wert durch spät geladene Fonts oder fehlende Bildgrössen.

Praxis-Checkliste für mobile Divi-Websites

Nutze diese Checkliste, bevor du deine Divi-Website als mobil optimiert betrachtest:

1. Module: Padding, Margin und Schriftgrössen für Mobile angepasst.
2. Bilder: WebP, Lazy Load und richtige Grössen verwendet.
3. Hero-Bilder unter 100 KB gehalten.
4. Caching: Divi Static CSS, Browser-Cache und Plugin-Cache geprüft.
5. CDNetwork geprüft, Edge-Standorte in Europa vorhanden.
6. PageSpeed Insights Mobile zeigt grüne Core Web Vitals.

Wenn dieser Punkt erledigt ist, hast du die wichtigsten Hebel für mobile Geschwindigkeit bereits gezogen.

Häufig gestellte Fragen

Ist Divi generell schlecht für mobile Ladezeiten?

Nein. Divi ist leistungsfähig, bietet aber viele visuelle Möglichkeiten, die manchmal zu grossen Datenmengen führen. Wer gezielt optimiert, erzielt auch mit Divi gute mobile Ladezeiten.

Sollte ich Module auf Mobile ausblenden?

Das kommt auf den Inhalt an. Unnötige oder rein dekorative Elemente lassen sich getrost ausblenden. Wichtige Inhalte oder Call-to-Action-Elemente solltest du aber sichtbar halten, um Konversionen nicht zu gefährden.

Wie oft sollte ich PageSpeed Insights testen?

Nach jeder grösseren Optimierung einmal mobil und einmal desktop. Achte dabei nicht nur auf den Gesamtscore, sondern auf die einzelnen Core Web Vitals und die konkreten Empfehlungen unter «Diagnose».

Fazit

Mobile Ladezeit ist für jede Divi-Website ein wichtiges Thema. Wer die Grundkonfiguration der automatisch generierten CSS-Dateien beherrscht – wie im Artikel zu den Divi-CSS-Grundlagen erklärt – und zusätzlich Module, Bilder und Caching mobil optimiert, erzielt deutlich bessere PageSpeed-Werte. Kombiniert mit den richtigen Lazy-Load- und Defer-Einstellungen lässt sich divi performance auf Smartphones spürbar verbessern.

Wenn du nicht sicher bist, welche Massnahmen bei deiner Website den grössten Effekt bringen, vereinbare ein kostenloses Erstgespräch. Ich analysiere deine Divi-Website und zeige dir, wo du mobil die meiste Geschwindigkeit gewinnst.

Zuletzt aktualisiert am 26. September 2026 von Christopher Matt, Matt Interfaces Luzern.

Quellen

• Elegant Themes Help Center: Divi Responsive Editing Documentation. URL: https://www.elegantthemes.com/documentation/divi/responsive-editing/ (abgerufen am 26. September 2026)
• Google Developers: Core Web Vitals. URL: https://developers.google.com/search/docs/appearance/core-web-vitals?hl=de (abgerufen am 26. September 2026)