Neu Schlechte Shop Ladezeit - Google Pagespeed

[Rayblaster]

Wir haben eigentlich mit fast jedem Shopupdate immer schlechtere Ladezeiten bei Google-Pagespeed.
Seit Shop 4 auf 5 in der Mobilen Ansicht statt über 80 nur noch 60 (Leistung)

Da ja bekanntermaßen viele Faktoren dafür in Frage kommen ( Cache, PlugIn usw.) gehen wir mal die Verbesserungsvorschläge von Google durch.
Mich würde interessieren wie man das mit dem Font-Display im Nova umsetzt.

Folgendes wird bemängelt:
Du kannst font-display auf „swap“ oder „optional“ setzen, damit der Text immer sichtbar ist. „swap“ kann weiter optimiert werden, um Layout Shifts durch Überschreibungen von Messwerten zur Schriftart zu reduzieren.
Wie kann man im Standard Nova Template diese Einstellung vornehmen?

Anfragen blockieren das erste Rendering der Seite, was den LCP verzögern kann. Durch das Verschieben oder Einfügen können diese Netzwerkanfragen aus dem kritischen Pfad entfernt werden.
Datei: .../templates/NOVA/js/jquery-3.7.1.min.js

Reduziere nicht verwendetes JavaScript Mögliche Einsparung von 43 KiB
Um den Datenverbrauch durch Netzwerkaktivität zu senken, kannst du nicht verwendetes JavaScript reduzieren und das Laden von Skripts zurückstellen, bis sie benötigt werden. Informationen zum Reduzieren von nicht verwendetem JavaScript.LCPFCP
Amazon Pay
/checkout.js
(static-eu.payments-amazon.com)

 

[sjk]

Was wird denn da sonst noch aufgeführt? Bei einem Score von 60 kann ich mir kaum vorstellen, dass die drei Punkte die einzigen sind.

Was für ein Hosting habt ihr?

Für die Sache mit font-display wird übrigens direkt im Ergebnis ein Wiki-Artikel verlinkt!

 

[Rayblaster]

Was wird denn da sonst noch aufgeführt? Bei einem Score von 60 kann ich mir kaum vorstellen, dass die drei Punkte die einzigen sind.

Was für ein Hosting habt ihr?

Hosting ist noch bei All-Inkl (Webhosting) ohne Redis
Da es ein kleiner Shop mit ca. 500 Artikel ist kommt leider ein Managed Server nicht in Frage.
Redis bietet dann im Hosting nur noch JTL oder ecomDATA an.

Der Wiki Artikel mit font-display ist ja allgemein und ich würde geren wissen wie und in welcher Datei man es im Nova einstzen muss.

Weitere Verbesserungsmöglichkeiten von Google (betrifft hauptsächlich die Mobile Anicht)
Verursacher von Layout Shifts:
<div id="content-wrapper" class=" has-fluid">

LCP-Anfrageerkennung (Sliderbild)
Optimiere den LCP, indem du das LCP-Bild im HTML-Code direkt sichtbar machst und Lazy Loading vermeidest

Netzwerkabhängigkeitsbaum
Maximale Latenz für kritischen Pfad: 1.081 ms
Anfangsnavigation
https://www.----.de
- 562 ms, 35,56 KiB
…js/jquery-3.7.1.min.js
(www.----.de)
- 1.081 ms, 29,44 KiB
…app/app.js
(www.-----.de)
- 695 ms, 0,49 KiB

Veraltetes JavaScript
Dank Polyfills und Transformationen können veraltete Browser die neuen JavaScript-Funktionen nutzen. Bei modernen Browsern hingegen sind viele davon nicht erforderlich. Du solltest den Build-Prozess deines JavaScripts so anpassen, dass Baseline-Funktionen nicht transpiliert werden, es sei denn, du weißt, dass du alte Browser unterstützen musst. Hier erfährst du, warum die meisten Websites ES6+ Code ohne Transpilierung bereitstellen können

…js/lpa.min.js?v=1.2.21 (www.----.de)		11,3 KiB
…js/lpa.min.js?v=1.2.21:1:3699 (www.---.de)	Promise.allSettled
…js/bootstrap-select.min.js?v=1.5.0 (www.----.de)		8,7 KiB
../../js/bootstrap-select.js:279:4	Object.keys
../../js/bootstrap-select.js:273:8	String.prototype.startsWith

Mir ist schon klar dass Dinge wie Cache oder ein paar Bildgrößen die Ursachen sind, aber einiges sollte doch Shopseitig optimiert sein.

 

[sjk]

Viele der Verbesserungsvorschläge im Pagespeed-Ergebnis sind Detailoptimierungen. Da stehen dann hoher Anpassungsaufwand marginalen Vorteilen gegenüber. Teilweise sind die Anpassungen auch nicht möglich innerhalb eines Templates. In diesen Fällen müsste man ein eigenes Template entwickeln lassen oder auf eines umsteigen, das speziell auf Performance hin entwickelt wurde.

Weiter sollte man immer bedenken, dass der Pagespeed ein weitgehend technisches Ergebnis ist. Die gefühlte Geschwindigkeit deines Shops ist bis zu einem hohen Optimierungsgrad, wo man dann eben auch die Dinge mit marginalen Auswirkungen angeht, viel wichtiger. Die Pagespeed-Werte, vor allem der mobile Bereich, sind EIN Rankingfaktor neben vielen anderen Dingen. Die User auf deiner Seite fühlen die Geschwindigkeit aber bei jedem einzelnen Seitenaufruf.

Die Contentshift und Javascript Meldungen wirst du meines Wissens im NOVA nicht wegbekommen. Was übrig bleibt ist die Latenz, und die hängt direkt an deinem Hosting. Das JTL Hosting hat zwar Redis, aber mit 500MB Begrenzung. Auch ist man dort in einem Shared Webhosting mit mehr als unterirdischer Performance. Auch wenn es Mehrkosten sind, wechselt in ein vServer Hosting. Das gibt's bei Timme und einigen anderen für ca. 60€/Monat und der Performance Unterschied ist riesig. Das ist der allergrößte Hebel, um die Perfomance (vor allem auch die gefühlte Performance) eures Shops zu steigern.

 

[css-umsetzung]

Nicht alles was Google dir erzählt macht am Ende Sinn.
Gerade das mit dem swap, wenn du das machst, kann das ganze schnell den CLS verschlechtern, je nachdem wie unterschiedlich diese dann sind.

Wenn du bei Google punkten möchtest, dann reicht es auch nicht, da bei diesen geringfügigen Sachen anzufangen.
Kümmere dich zuerst um ein vernünftiges Hosting, hierbei heißt es aber nicht, jeder der Redis hat ist toll. Hast du nur einen Redis Cache von 500MB oder weniger nutzt dir das auch nicht viel, auch ob nginx oder Apache sowie verwendete Hardware spielt hier eine Rolle.
Danach solltest du dir ein Template nehmen, welches für Google, hochoptimiert ist und dann aber bloß nichts daran ändern.

Hast du das alles gemacht, dann kannst du mal bei Google fragen was denen nicht gefällt.

 

[Rayblaster]

Vielen Dank für die ausführliche Hilfe und Informationen.

Die Managed Server sind halt preislich schon recht happig. Wie beschrieben (aktuell ca. 500 Artikel und momentan belegter Webspace ca. 15 GB).
Wenn man sagen könnte dass dann das Google Ranking wieder steigt, eine gute Investition aber seit Mai ist das Ranking schlagartig nach unten gegangen.
Eine Frage zu den versch. Servern:

Wäre z.B. ein
ecomDATA Virtual Web Start ab € 39,95
auch schon gut oder eher der

Managed vServer v31 NVMe von Timmehosting

wobei der ecomDATA Virtual Web PREMIUM für € 59,95
fast noch bessere Leistung hat und günstiger ist als der von Timme.

Da kenne ich mich leider nicht so aus

 

[css-umsetzung]

Nimm Timme, vertrau mir
Aber lasse den Umzug nicht Timme machen, auch wenn es kostenlos ist, das geht in der Regel schief.

Ob das 500 oder 1000 Artikel sind ist im Grunde auch egal, die Zugriffszahlen sind hier viel wichtiger, denn davon ist es abhängig, wie schnell der Server schlapp macht.
Ich hätte mindestens den 51er genommen aber es kommt wie angesprochen, auf die Zugriffszahlen drauf an.

 

[en001]

Schau bei Pagespeed zuerst ob bei "Core Web Vitals-Bewertung: bestanden" oder nicht bestanden steht. Bei "nicht bestanden" sind es keine echten Werte.

 

[Rayblaster]

Nimm Timme, vertrau mir
Aber lasse den Umzug nicht Timme machen, auch wenn es kostenlos ist, das geht in der Regel schief.

Vielen Dank für die Info.
Gibt es eigentlich irgendwo eine Anleitung oder ein Video wie man den Shop von Server A auf B umzieht oder sollte das unbedingt ein Servicepartner machen?

 

[Rayblaster]

Schau bei Pagespeed zuerst ob bei "Core Web Vitals-Bewertung: bestanden" oder nicht bestanden steht. Bei "nicht bestanden" sind es keine echten Werte.

Da habe ich leider keinen Eintrag!

 

[en001]

Dort siehst du das: https://pagespeed.web.dev/

 

[css-umsetzung]

Gibt es eigentlich irgendwo eine Anleitung oder ein Video wie man den Shop von Server A auf B umzieht oder sollte das unbedingt ein Servicepartner machen?

Theoretisch kann das jeder der gewisse Grundkenntnisse hat.
Aber da ein Timmehosting vom Server und der Konfiguration kompl. anders ist sollte das lieber jemand machen der genau weiß was er tut, egal ob SP oder nicht.