Bei unserem Bestreben, unseren Nutzern die Erstellung noch vielseitigerer interaktiver Inhalte zu ermöglichen, sind wir auf ein häufiges Problem gestoßen: Performance. Performance dreht sich darum, Nutzer zu halten, und spielt eine entscheidende Rolle für den Erfolg jedes Online-Vorhabens. Deshalb war es nur folgerichtig, dass wir sie kürzlich verbessert haben, indem wir alle Projekte & Inhalte für blitzschnelle Ladezeiten optimiert haben.
Optimierungsmaßnahmen
Wir haben das Embed-Code-Skript neu geschrieben und die jQuery-Abhängigkeit entfernt, wodurch sich die Größe von rund 80kb auf 2.5kb reduziert hat
Wir haben alle Komponenten in verschiedene JS-Chunks aufgeteilt, sodass jedes Projekt nur die Komponenten lädt, die es braucht
Wir haben die CSS-Includes bereinigt, sodass wir nichts einbinden, was wir nicht brauchen (dadurch reduziert sich die Größe des eingebundenen CSS von ~80kb auf ~7kb)
Wir haben die JS-Skripte asynchron laden lassen, damit Nutzer schneller mit Projekten interagieren können.
Unsere Ergebnisse
Das Ergebnis – das alte Projekt links, ein neues rechts:
Das Ergebnis ist eine deutliche Verbesserung der Ladegeschwindigkeit der Projekte, die sich auch im Score der Google PageSpeed Insights widerspiegelt.
Als letzte UX-Verbesserung haben wir jedem Projekt einen animierten Loader hinzugefügt, damit deine Nutzer während des Ladens nicht auf einer leeren Seite hängen bleiben.
Wir hoffen, dass sich diese Performance-Optimierungen positiv auf deine Conversion-Rate auswirken, und freuen uns über dein Feedback, nachdem du die Projekte getestet hast.
