Aufgabenstellung zur Code-Optimierung und Fehleranalyse im Shopify-Theme "Impact"

[GTau47]

Ziel:
Unser Ziel ist es, die Performance unseres Shopify-Shops zu steigern, da die Ladezeiten aktuell zu langsam sind. Wir vermuten, dass die Codierung in den CSS- und JavaScript-Dateien von einem externen Dienstleister angepasstes Themes Impact an einigen Stellen fehlerhaft oder suboptimal gestaltet ist und die Performance des Shops dadurch beeinträchtigt wird.

Aufgabenbeschreibung:

1. Analyse der bestehenden CSS- und JavaScript-Dateien:
   • Identifizieren Sie fehlerhafte oder ineffiziente Codestellen, die die Performance des Shops verlangsamen.
   • Überprüfen Sie insbesondere auf redundanten oder unnötig geladenen Code und auf ineffiziente JavaScript-Prozesse.
2. Erstellen Sie einen Bericht über die gefundenen Fehler und Performance-Engpässe:
   • Dokumentieren Sie die identifizierten Problemstellen in den CSS- und JavaScript-Dateien mit klaren Erklärungen und, wenn möglich, Vorschlägen zur Optimierung.
   • Erstellen Sie eine kurze Liste der problematischen Codestellen mit Erklärungen dazu, warum sie die Performance beeinträchtigen.
3. Schätzung des Aufwands für die Fehlerbehebung und Optimierung:
   • Geben Sie uns eine Einschätzung darüber, wie viel Zeit die Korrektur und Optimierung der identifizierten Probleme in Anspruch nehmen könnte.
   • Falls bestimmte Optimierungen (z.B. Code-Minifizierung, Lazy Loading, CSS- und JavaScript-Refactoring) besonders zeitaufwändig sind, bitte separat erwähnen.

Anforderungen an die Schätzung:

• Bitte geben Sie uns eine Stundenangabe für die Analyse und Fehlerbehebung.
• Falls Sie spezielle Tools oder Programme empfehlen, um die Performance-Analyse oder Fehlerbehebung effizienter durchzuführen, vermerken Sie dies bitte ebenfalls.

Zielsetzung der Optimierung:
Unser Ziel ist es, die Ladezeiten des Shops merklich zu reduzieren und die Nutzererfahrung insgesamt zu verbessern.

[Ben310]

• Unser Ziel ist es, die Performance unseres Shopify-Shops zu steigern, da die Ladezeiten aktuell zu langsam sind.

Woher genau kommt ihr auf diesen Schluss? Was sagt die Chrome Developer Console dazu (mehr dazu hier)? Und welche Analytik bekommt ihr beispielsweise im RUM (real user monitoring) Tool von Shopify und habt ihr die versch. Links im Tool durchgekämmt?

In der Dev Console könnt ihr alles testen, von redundante CSS-Regeln und nicht notwendige CSS-Animationen, bis hin zum CLS im Lighthouse, und ob eure Bilder alle ohne feste Dimensionen Werte laden usw. sowie alles von ineffiziente Schleifen, Event-Listener (die mehrfach initialisiert werden), bis hin zu nicht notwendige Inline-Skripte oder jQuery-Bibliotheken mit der Coverage-Analyse.

[Finer]

@GTau47 sehr gute Auflistung. Allerdings würde ich Euch empfehlen, eine Anfrage über das Shopify Partner Directory zu erstellen, da dort viele Shopify Dienstleister gelistet sind. Da werdet ihr bestimmt fündig 😉

[Nordalux]

Du sagst es, viele. 😉 Ich bin da (noch) nicht gelistet. Auch wenn ich bereits alle Kriterien erfülle. Shopify halt. 😉

[Nordalux]

Ich kann prodevcon.ch empfehlen. Die machen sowas ab und an gerne. Euch musst bewusst sein, dass eine Speedoptimierung entsprechend Geld kostet. Die angebotenen auf Fiverr & Co. sind immer verlockend günstig, doch diese sind meist so gestaltet, dass selbst Shopify diese Shops abstraft.