Fallstudie Footshop: 2,5⨉ schnellere Ladezeit nach anderthalb Jahren Zusammenarbeit

Footshop hat durch die Zusammenarbeit mit PageSpeed.ONE seine Websites in wenigen Monaten erheblich beschleunigt und so das Benutzererlebnis verbessert.

Neugierig, wie wir vorgegangen sind und was wir gemeinsam erreicht haben?

Footshop ist eine auffällige Marke, die man nicht übersehen kann.

Footshop ist ein Online-Shop für Sneaker und Streetwear, der nicht nur bei uns, sondern auch in der Slowakei, Ungarn, Rumänien und anderen Ländern Mittel- und Osteuropas tätig ist. Er konzentriert sich auf Premium- und limitierte Produkte, mit denen er eine starke Fangemeinde aufgebaut hat.

Sehen wir uns an, wie wir Footshop geholfen haben, ihre Websites zu beschleunigen.

Zuerst wollten wir herausfinden, welche Metriken für den Kunden am wichtigsten sind. Unsere Analyse zeigte, dass es sich um TTFB (Serverantwortzeit), CLS (Layoutstabilität) und LCP (Ladegeschwindigkeit) aus der Core Web Vitals-Reihe handelt.

Wir optimieren die Zielmetriken

Mit gut eingestellter Analytik und hochwertigen Daten beginnen wir mit der Optimierung. Seit Ende 2023 konzentrieren wir uns schrittweise auf die einzelnen Geschwindigkeitsmetriken nach ihrer Priorität:

• Backend-Antwortgeschwindigkeit (TTFB) und Ladegeschwindigkeit (LCP) – Das Entwicklerteam von Footshop konzentrierte sich auf die Serveroptimierung, wir halfen bei der Frontend-Performance, zum Beispiel durch die Optimierung des Übergangs vom clientseitigen Rendering, das mit einem Service Worker zwischengespeichert wurde, zum serverseitigen Rendering.
• Beschleunigung der Interaktionsantwortzeit (INP) – Im März 2024 führte Google die Metrik INP ein. Die Interaktionsantwortzeit war nicht ideal, und wir begannen mit der Analyse SpeedSprint, deren Ergebnis mehrere konkrete Anpassungen waren.
• Feinabstimmung unerwünschter Seitenverschiebungen (CLS) – Die nächste Arbeitsphase Ende 2024 bestand darin, das Rendering einiger Komponenten zu optimieren und die Werte der Metrik CLS zu senken.

Ein Beispiel für eine Optimierung sehen Sie im Bild.

Optimierung von INP durch Feinabstimmung der Leistung der Variantenauswahl auf der Produktdetailseite.

Ergebnisse der Zusammenarbeit: bis zu mehrfach bessere Metriken

Mit den erreichten Änderungen der Metriken und vor allem des Benutzererlebnisses können wir zufrieden sein.

In etwa anderthalb Jahren kontinuierlicher Zusammenarbeit wurden folgende Verbesserungen der Metriken erzielt:

• Footshop.cz hat jetzt eine 2,5⨉ bessere Ladegeschwindigkeit (LCP) auf Mobilgeräten.
• Der Wert der Layoutverschiebungsmetrik (CLS) hat sich um mehr als das 8-fache verbessert.
• Die Interaktionsantwortzeit (und die Metrik INP) haben wir um 30 % verbessert.

Änderungen in den Metriken LCP und CLS seit Beginn der Zusammenarbeit.

Was sagen die Leute von Footshop dazu?

Die Zusammenarbeit mit Footshop macht uns Spaß, nicht nur wegen der Marke selbst, sondern auch wegen der Qualität des gesamten Teams und seines Engagements. Wir freuen uns sehr, dass auch die Herren von Footshop die Zusammenarbeit mit uns gut bewerten.

„Eine sehr angenehme Zusammenarbeit, die unserem kleinen Team einen erfahrenen Partner (= das Team von PageSpeed.ONE) gebracht hat. Dieser kam nicht nur mit Know-how, sondern vor allem mit konkreten Tipps für Anpassungen, die schrittweise umgesetzt werden können und dennoch einen großen Effekt haben.“

Jiří Hykel, Frontend-Entwickler

Daniel Urban, CIO von Footshop, fügt hinzu:

„An der Zusammenarbeit mit PageSpeed.ONE schätze ich die schnelle Orientierung in der Web-Performance und die klare Kommunikation auch für Nicht-Techniker. Der größte Vorteil ist das einzigartige Know-how. Dazu hätten wir alleine nur schwer Zugang gefunden.“

Daniel Urban, CIO von Footshop

Eine so erfolgreiche Zusammenarbeit bei der Website-Optimierung erfordert immer mehrere erfüllte Bedingungen auf beiden Seiten. Lassen Sie uns diese zusammenfassen:

1. Der Kunde betrachtet Geschwindigkeit als wichtigen Bestandteil des Benutzererlebnisses und ist bereit, darin zu investieren, weil er weiß, dass sich die Investition auszahlt.
2. Es ist eine qualitativ hochwertige Messung eingerichtet und wir haben genügend Daten. (Hier unser Monitoring und SpeedCurve RUM)
3. Unsere Berater können aktiv und intensiv mit dem Team kommunizieren, und die vorgeschlagenen Anpassungen erhalten Priorität in den Entwicklungsplänen.
4. Die Zusammenarbeit ist nicht einmalig, sondern funktioniert langfristig, sodass eine erneute Verschlechterung vermieden und das Kundenteam kontinuierlich geschult werden kann.

Wir danken Footshop für die bisherige fruchtbare Zusammenarbeit und freuen uns auf die Fortsetzung!