Neu Shop 5.6. pagespeed FCP LCP Optimierung - java script & CSS veraltet bzw. nicht verwendet - Cache Dauer

[Akrap Kaffee Admin]

Hallo zusammen,

Seit dem Wechsel von Shop 5.5. auf Shop 5.6. hat sich bei Google pagespeed der Leistung Score für die Mobile auf 77 verschlechtert. Davor waren es 92 gewesen.

Mir werden vier Optimierungen vorgeschlagen und ich wollte euch fragen wie man das als PowerUser - nicht Entwickler, wohl angeht.

1) Cache TTL Dauer erhöhen - Seit dem Update verwende ich den APC Cache, da der zuvor verwendetet REDIS nun ein (fehlerhaft konfiguriert) im Backend anzeigt und ich REDIS daher gar nicht erst aktiviert habe. Bei Caching Lifetime habe ich 2592000 im Backend eingestellt (30 Tage), aber Google meint unbeirrt 7d beim Cache TTL auszulesen. Sind das nun zwei verschiedne Einstellungen? Und wenn ja, wo kann ich denn die Cache TTL verstellen, damit Google eine Ruhe gibt?

2) Veraltetes Java Script - Auch hierfür habe ich einen Screen Shot hochgeladen. @babel/plugin-transform-classes / Object.keys / String.prototype.startsWith sind da die Quälgeister. Gibts hierzu eine Idee was zu tun wäre?

3+4) Reduziere nicht verwendete JavaScript bzw. CSS - Auch hierfür habe ich einen Screen Shot hochgeladen.
Javascript /asset/jtl3.js?v=5.6.0
CSS /asset/my-nova.css?v=5.6.0

Kann mir vorstellen, dass dies ein interessantes Thema für viele von euch ist und würde mich über Feedback sehr freuen.

Liebe Grüße,
Christian

 

[random]

Vielleicht hast du gar kein Problem. Hast du's mal mit nem anderen Tool probiert?

 

[NoOne]

Vergiss Pagespeed. Was Google da immer vorschlägt, ist beinahe unmöglich umzusetzen. Selbst amazon.de kommt mobile nur auf eine Leistungsbewertung von 61. Google selbst kommt Mobile auf 87. Was in der Theorie optimal wäre und was in der Praxis umgesetzt werden kann, das sind 2 Paar Schuhe.

Nicht verwendetes CSS zu reduzieren ist immer gut, aber du wirst vermutlich nie eine dynamische Seite hinkriegen, bei der jedes einzelne CSS-Element auf jeder Seite verwendet wird. Also hast du irgendwo immer nicht verwendetes CSS, es sei den du legst für jede einzelne Seite eine eigene CSS-Datei an, und das wär eigentlich noch schlimmer. Weiß nicht, warum Google das überhaupt empfiehlt. Die kompletten CSS für alle Seiten im Browser Cache zu haben ist eigentlich okay. Gleiches gilt für Javascript. Es wäre natürlich für mobile und geringe Datenvolumen besser nicht zu viel unverwendetes runterladen zu müssen, aber einmal 120 KB zu cachen ist fürs Datenvolumen immer noch günstiger als für 10 Seiten nur 20 KB zu cachen.

Das einzige wofür Pagespeed taugt, ist sich ein Überblick über die *durchschnittliche* TTFB und Cumulative Layout Shift zu beschaffen. Also wie lange es braucht, bis deine Seite Daten liefert und ob die Seite sich aufbaut, ohne dass sich das Layout ständig 'verzieht'. Und den echten Durchschnitt bekommst du auch nur, wenn genügend Daten für deinen Shop übermittelt werden. Ansonsten kriegst du auch nur eine Hochrechnung/Schätzung für TTFB und CLS von Pagespeed.

 

[en001]

Selbst amazon.de kommt mobile nur auf eine Leistungsbewertung von 61. Google selbst kommt Mobile auf 87.

Wow. Wenn man so weit ist vom Bekanntheitsgrad und Marktmacht braucht man das natürlich nicht. Der Fragesteller ist das aber nicht. Sieht man so etwas bei der Produktseite ist der Shop einfach zu langsam.


Es geht sicherlich nicht um das bischen css sondern darum die Seite schneller und effizienter zu machen. 5 Sekunden Ladezeit um ein Produkt zu sehen ist zu langsam.

 

[Akrap Kaffee Admin]

Vielen Dank für eure Rückmeldungen.

Die von en001 angesprochene lange Ladezeit war mir beim Shop 5.5. nicht aufgefallen. Pagespeed sollte mir da einen Ansatzpunkt geben wo ich drehen kann. Seit ich im Backend - Einstellungen - Bilder - Dateiformat - avif eingestellt habe ist der Shop wieder etwas schneller geworden. Aber 5 Sek. sind trotzdem sehr lange und ich verstehe nicht woher das kommt. Denn die Seite ist ja einfach gehalten.
Könnte mir jemand noch einen Ansatzpunkt geben wo ich weiter drehen kann?

Liebe Grüße,
Christian

 

[NoOne]

Es geht sicherlich nicht um das bischen css sondern darum die Seite schneller und effizienter zu machen. 5 Sekunden Ladezeit um ein Produkt zu sehen ist zu langsam.

Problem dabei: Das braucht keine 5 Sekunden. Das braucht die 5 Sekunden mit gedrosseltem 4G. Mit vernünftiger Verbindung dauert das keine 2 Sekunden. Das musst du bei PageSpeed auch immer im Auge behalten.

 

[en001]

Das Ideal hat man doch selten und die schlechten Daten fließen mit ein ins Ranking und dann kommen auch weniger Besucher. Der Shop ist deutlich zu langsam.