Fallstudie SIKO: 2,5-mal schnellere Ladezeit und 7-mal bessere Layout-Stabilität

SIKO ist einer der größten Anbieter von Badezimmern und Küchen in Mitteleuropa mit einem umfangreichen E-Shop in Tschechien, der Slowakei und Ungarn.

Die Geschwindigkeit der Website ist für SIKO entscheidend, aber das neue, auf JavaScript basierende Frontend zeigte erhebliche Probleme mit den Core Web Vitals.

Nach dem Start der neuen Website im Februar 2024 verschlechterten sich insbesondere die Ladegeschwindigkeit (LCP) und die Layout-Stabilität (CLS) auf Mobilgeräten.

Nach dem Redesign der Website haben wir gemeinsam mit dem E-Commerce-Team von SIKO die Leistung der neuen Website optimiert.

Wie verlief die Arbeit an der Beschleunigung der SIKO-Website?

Während der Arbeit an der Optimierung der Geschwindigkeit der SIKO-Websites gingen wir wie folgt vor:

• Das SIKO-Team integrierte alle wichtigen Partner, einschließlich uns, in den regelmäßigen Prozess der Leistungsoptimierung.
• Wir suchten nach Optimierungsmöglichkeiten, gaben sie an die Entwickler weiter und blieben in Kontakt.
• Wir setzten Geschwindigkeitsüberwachung mit SpeedCurve RUM ein.
• Wir berichteten dem Kunden über den Status und gaben Know-how weiter.

Ausgewählte Anpassungen, die dank der Zusammenarbeit zwischen den Teams umgesetzt wurden:

• Teilweiser Wechsel vom Client-Side-Rendering (CSR) zum Server-Side-Rendering (SSR).
• Bessere Infrastruktur-Einstellungen (Cache für statische Ressourcen, Bilder WebP, Einführung von Cloudflare und mehr).
• Vermeidung doppelter Darstellung des Hauptbildes auf der Produktdetailseite.
• Layout-Optimierungen für Kopfzeile, Filter und Galerie auf der Produktdetailseite.
• Kontinuierliche Optimierung unerwünschter Layout-Verschiebungen (CLS).
• Optimierung der Hauptnavigation der Website.
• Änderung der Lazy Loading-Implementierung.
• Anpassung der Bildeinstellungen im CMS.
• Anpassungen von Loaders und Skeletons.

Das Diagramm zeigt den Unterschied in der Ladegeschwindigkeit zwischen der serverseitig gerenderten Seite (SSR) und der ursprünglichen Client-Version (CSR):

Dank SSR kann die Seite deutlich früher gerendert werden – ohne auf die Verarbeitung von JavaScript im Browser zu warten.

Als Bonus haben wir dem Kunden gleich zu Beginn der Zusammenarbeit die Messung in Google Analytics korrigiert, die paradoxerweise aufgrund übermäßiger Geschwindigkeitsoptimierung nicht funktionierte.

Auswirkungen der Zusammenarbeit

Im Laufe eines Jahres der Zusammenarbeit gelang es durch das Engagement aller Beteiligten, insbesondere die Schlüsselgeschwindigkeit des Ladens (LCP) und die Layout-Stabilität (CLS) erheblich zu verbessern.

Dies wäre ohne die hervorragende Zusammenarbeit mit dem SIKO-Team, das klare Prioritäten und Geschäftsziele hatte, nicht möglich gewesen.

Martin Lipový sagt zu unserer Zusammenarbeit:

„Wir sehen die Experten von PageSpeed.ONE eher als erfahrenere Kollegen im selben Team, das sich auf eine funktionale und gleichzeitig schnelle E-Commerce-Website konzentriert, anstatt als externe Berater.“

Martin Lipový, Head of Online and Product Development

Wir haben die Ladegeschwindigkeit (LCP-Metrik) um 62 % und die Layout-Stabilität (CLS) um 86 % verbessert.

Es geht jedoch nicht nur um Metriken, sondern auch um das gesamte Benutzererlebnis. Die Auswirkungen unserer Zusammenarbeit verbesserten auch das Benutzererlebnis:

• Mehr als 2,5-mal schnellere Ladezeiten auf Mobilgeräten (LCP).
• 7-mal bessere Layout-Stabilität (CLS).
• 2–5 % niedrigere Absprungrate in verschiedenen Sprachversionen.
• +17 % Anstieg der Suchanzeigen im Jahresvergleich (Quelle: Google Search Console Q1/2024 vs. Q1/2025)

Die Arbeit an der Geschwindigkeit endet nie

Nach einer intensiven mehrmonatigen Zusammenarbeit setzen wir nun kleinere Anpassungen fort. Wir stehen regelmäßig in Kontakt, führen für den Kunden Geschwindigkeitsüberwachung durch und schulen im Rahmen des Aufbaus einer „Geschwindigkeitskultur“ das interne Testerteam.

Durch diese Zusammenarbeit mit dem SIKO-Team haben wir bewiesen, dass auch eine stark auf Client-JavaScript basierende Architektur sprunghaft beschleunigt werden kann.

Durch die Beschleunigung der Website und die Verbesserung der Core Web Vitals hat SIKO auch eine stabilere Ausgangsbasis für Marketingkampagnen und die Expansion in neue Märkte gewonnen. Weitere Optimierungen stehen an – als Standardbestandteil der Entwicklung.