Fallstudie: Unterstützung beim Redesign von Svět svítidel

Wir müssen sagen, dass wir immer ein wenig nervös werden, wenn ein Kunde uns mitteilt, dass er ein Redesign plant.

Besonders aufmerksam sind wir bei Kunden wie Donoci, dessen Svět Svítidel zu den zehn schnellsten tschechischen E-Shops gehört.

In diesem Fall verlief das Redesign jedoch gut, und wir freuen uns, zeigen zu können, wie das glückliche Ende erreicht wurde. Nutzen Sie unsere Fallstudie als Leitfaden für ein erfolgreiches Website-Redesign.

Svět Svítidel in neuem, strahlendem Glanz.

Erfahrene Webentwickler wissen, dass ein Redesign viele Risiken birgt. Eines davon ist die Verschlechterung der Geschwindigkeit, die wir schon oft erlebt haben, obwohl die meisten großen Änderungen darauf abzielen, sie zu verbessern.

Wie vermeidet man Geschwindigkeitsprobleme beim Redesign?

Rückblickend auf den Redesign-Prozess von Svět svítidel lassen sich einige Empfehlungen ableiten, die auf nahezu alle größeren Website-Überarbeitungen anwendbar sind.

1) Kommunikation ist entscheidend

Der Kunde informierte uns rechtzeitig über die geplante Änderung, sodass wir den Prozess entsprechend gestalten konnten. Wir waren langfristig in Kontakt und agierten proaktiv als Geschwindigkeitsberater.

2) Vorsicht bei großen technischen Änderungen

Der Weg zu langsamen Websites ist oft mit guten Absichten gepflastert. Häufig führt der Versuch, durch den Wechsel zu modernen JavaScript-Frameworks zu beschleunigen, zum Gegenteil. Bei Svět svítidel gab es nur kleinere Anpassungen durch die Entwickler von Programie. Wir waren über alle Änderungen informiert und konnten sie einplanen.

3) Ohne Messung kein Wissen

Bei Kunden mit stabiler Geschwindigkeit messen wir langfristig mit Monitoring PLUS nur synthetisch und mit CrUX-Daten von Google. Bei größeren Änderungen führen wir detaillierte Messungen von allen Nutzern (RUM) durch, was wir hier kurz vor dem Redesign gemacht haben, um Echtzeitdaten zu erhalten.

4) Ein gut geschultes Team macht den Unterschied

Wir legen großen Wert auf Performance Culture und die Schulung unserer Kunden und ihrer Entwickler. Mit Programie arbeiten wir schon lange zusammen und wissen, dass ihre Leute viel von uns gelernt haben und weitere Verbesserungen selbst umsetzen können. Bei anderen Kunden empfehlen wir vor größeren Änderungen ein kurzes Teamtraining.

5) Haben Sie Vorlagen? Können wir sie sehen?

Der erste Feedback-Zeitpunkt zur Geschwindigkeit kommt, wenn der Kunde die codierten Vorlagen bereit hat. Diese können wir aus Frontend-Sicht bewerten, um Probleme zu vermeiden. Der nächste Schritt ist der Test auf der Staging-Umgebung, wenn alles mit dem Backend verbunden ist.

6) Zeit für Feedback

Die tatsächliche Geschwindigkeit sehen wir erst nach dem Livegang, da wir Nutzerdaten benötigen. Das wird oft übersehen.

Nach dem Redesign haben Teams oft keine Zeit, sich um die Geschwindigkeit zu kümmern, da sie andere Aufgaben aufholen müssen. Doch nach dem Start kommen die meisten Aufgaben und Anmerkungen von uns.

Beim Redesign von Svět svítidel war dies eingeplant, und es gab Zeit für Feinabstimmungen. Hurra!

Es lief gut, die Geschwindigkeit verbessert sich

Insgesamt blieben die Metriken auf Domain-Ebene stabil, was ausgezeichnet ist.

Die Core Web Vitals-Metriken blieben auf dem ursprünglichen Niveau, einige verbessern sich sogar.

Eine Ausnahme gibt es – die INP-Metrik hat sich verbessert. Das ist großartig, denn neben ihrer Rolle in den Web Vitals und ihrem Einfluss auf SEO und PPC bei Google wissen wir dank der RUM-Analyse bei Svět svítidel, dass diese Metrik mit der Conversion-Rate korreliert.

Verbesserung der INP-Metrik seit dem Redesign von Svět svítidel.

Auf einigen Seitentypen verbesserte sich die INP um mehrere Dutzend Prozent. SvětSvítidel.cz ist damit einer der ersten größeren Kunden-Websites, die laut Search Console keine URLs mit INP-Problemen haben:

Null URLs mit problematischer INP-Metrik. Das erfreut in der Google Search Console.

Der INP-Metrik und anderen half es, dass Chrome dank JavaScript-Anpassungen bei viel mehr Besuchen den Cache beim Durchsuchen der Browserverlauf verwenden kann, genannt BFcache.

Je höher der Anteil an sofortigen Navigationstypen (BFcache, Prerender), desto besser.

Unser neuer Bericht zu Navigation Types zeigt den Anstieg der Seitenaufrufe mit BFcache-Unterstützung deutlich.

Danksagung

Bei diesem Projekt freuten wir uns, dass alles fast von selbst lief, ohne großen Aufwand unsererseits.

Dies ist das Ergebnis einer langfristigen Zusammenarbeit, bei der alle Parteien konstruktiv mit dem Ziel arbeiten, die Webgeschwindigkeit zu maximieren.

Unser Dank geht an den Kunden in Donoci (Jakub Rejlek, Tomáš Mikletič, Monika Pilátová, Martin Šimko), an Programie (Petr Rzeplinski, Tomáš Vacho, David Kaleta, Pavel Kramný und andere) und an Zuzana Šumlanská, die alles für uns im Griff hatte.