Success Stories

Wie wir gemeinsam mit Coop-Experten die Lade-Performance der E-Commerce-Plattform optimieren

Die Coop Genossenschaft betreibt mit coop.ch eine der grössten E-Commerce-Plattformen der Schweiz in einer komplexen Infrastruktur. Die Plattform verarbeitet täglich tausende Transaktionen, was hohe Anforderungen an die Server- und Client-Side-Performance stellt. Besonders im mobilen Bereich fordert die dichte Datenmenge eine hocheffiziente Verarbeitung der Skripte im Browser.

coop

Kunde

Daniel Eicher, Business Analyst, Coop Genossenschaft

Hohe JavaScript Execution Time

Die CompileTemplates-Funktion nahm auf mobilen Geräten in manchen Fällen > 1.5s in Anspruch und bot damit deutliches Potenzial für weitere Performance-Optimierungen.

Schlechte Web Vitals

Largest Contentful Paint (LCP) und Cumulative Layout Shift (CLS) lagen weit über den Google-Empfehlungen.

Überlastetes Script

Das Haupt-JavaScript-Bundle war zu gross und verlangsamte die gesamte Seite.

Blockierter Main-Thread

Die Main-Thread-Blockierung von über 2,5 Sekunden führte stellenweise zu verzögerter Interaktivität und zeigt zugleich klares Potenzial, die User Experience weiter zu verbessern.

Langsame Content-Darstellung

Produktkacheln wurden erst nach einigen Sekunden geladen – insbesondere auf mobilen Endgeräten mit schwächerer CPU ein erhebliches Problem.

SEO-Risiken

Schlechte Performance-Werte gefährdeten das Google-Ranking und damit die Sichtbarkeit.

Weitere Stories

Story Raffiniert Lighthouse

Barrierefreiheit (Accessibility) im Schweizer Onlinehandel: Gesetzliche Anforderungen und technische Umsetzung.

Barrierefreiheit im Schweizer Onlinehandel ist geschäftskritisch: Der EAA verschärft die Rechtslage, bis zu 20 % der Kunden werden sonst ausgeschlossen. Wer jetzt handelt, gewinnt Rankings, Performance und Conversion.

Story KRC

Von Excel zur App: Wie Kilian Ricklin mit einer massgeschneiderten PWA sein Coaching-Business skaliert hat.

Erfahre, wie wir für Kilian Ricklin manuelle Prozesse durch eine performante Progressive Web App (PWA) ersetzt haben. Mit Fokus auf Kosteneffizienz und Nutzererlebnis haben wir eine zentrale Plattform geschaffen, die dein Kunden-Management revolutioniert und echtes Wachstum ermöglicht.

Story Sprängi

In 4 Wochen zum Start: Wie eine neue Event-Location dank schneller Web-Lösung durchstartete

Unter extremem Zeitdruck entwickelten wir für die Event-Location Sprängi in nur einem Monat einen SEO-optimierten Onepager mit Buchungssystem – ein Beispiel für unsere pragmatische Herangehensweise, die lokale Sichtbarkeit und reibungslose digitale Prozesse ab dem ersten Tag ermöglicht.

Das Kaufverhalten im Onlineshop

Das Kaufverhalten im Onlineshop: Wie Onlineshop-Giganten gezielt dein Kaufverhalten beeinflussen

Im hart umkämpften E-Commerce setzen Plattformen wie Amazon, Zalando, Etsy und Temu nicht nur auf Preise oder Sortiment. Entscheidend sind psychologische Mechanismen und gezielte UX/UI-Strategien, die Kaufentscheidungen beeinflussen, Vertrauen stärken und Kunden langfristig binden.

Illustration eines Laptops

Responsive Tables: Die bessere Option zu Tabellen

Tabellen werden häufig verwendet, um Daten übersichtlich darzustellen. Auch auf Webseiten sind sie oft zu finden. Allerdings werden sie immer seltener eingesetzt, da es oft Probleme mit der Darstellung auf kleinen Geräten wie Tablets oder Handys gibt.

Fancy Css hover menu

Ein fancy Hover-Menü mit CSS gestalten

Navigationen bestehen oft aus Dropdown-Menüs, die meist mit JavaScript eingeblendet werden. Doch das geht auch nur mit CSS. In diesem Beispiel zeigen wir ein einfaches Menü mit vier Hauptpunkten, dessen Untermenüs per Hover erscheinen – ganz ohne JavaScript.