Ladegeschwindigkeit verbessern, Bilder optimieren

Liebe Communty,

ich habe den Pagespeed Insights von Google Test gemacht. Dort steht, dass sich 1,3 MB durch Bilder einsparen könnte, in meinem Fall sind das vorwiegend die Bilder im Slider. Ich habe die Dateigröße von allen 5 Sliderbildern von 6,2 MB auf 1,7 MB verringert und neu hochgeladen und in der Einaufswelt verfügbar gemacht. (auch Caches geleert)

Google Pagespeed zeigt mir dennoch an, dass 1,2 MB gespart werden kann und nen listet nun die neuen Bilder genauso auf (allerdings mit einem _1280x1280) am Ende. Die Ladezeit der Seite ist keinen Prozentwert besser geworden… Kann sich jemand das klären?

Liebe Grüße, Thomas

Nimm das alles nicht so ernst…, ich kenne Seiten, die sind so was von unterirdisch schlecht bei Pagespeed & Co. und sind trotzdem auf Platz 1… :wink:

Ist meine Aufgabe diese Woche, ich komme da nicht drum herum. Mit zwei anderen Webseiten (Wordpress und Typo3) bin ich da in den grünen Bereich gekommen, aber bei Shopware geht das irgendwie nicht. Kann es sein, dass die Bilder nachträglich nochmal umgewandelt werden und dadurch eine höhere Dateigröße bekommen?

Hey,

Nein, wir nutzen GD-Lib für die Kovertierung der Fotos, wodruch Sie i.d.R. nicht größer werden. Entscheided für die Größe ist u.a. die Thumnailqualität, welche du im Medien Manager festlegst.

Grundsätzlich hat @Murmeltier‍ jedoch recht, da die Tools oft sehr objektiv den Pagespeed bewerten. Wenn du hier mehr Punkte möchtest, empfiehlt es sich auf Shopware 5.3 zu updaten. Dort wurde in dem Bereich optimiert (besonders beim Laden von Einkaufswelten).

LG Andre

Habe gerade mal das von Shopware erzeugte Bild (…_1280x1280.jpg) heruntergeladen und festgestellt, dass sich die Dateigröße um das 2,3-fache erhöht hat. Kann man das irgenwie verhindern?

Nutzt Du auch Browser Caching etc.pp.?

@AndreHerking schrieb:

[…] Wenn du hier mehr Punkte möchtest, empfiehlt es sich auf Shopware 5.3 zu updaten. Dort wurde in dem Bereich optimiert (besonders beim Laden von Einkaufswelten).

LG Andre

Hallo Andre, ganz so ist das aber nicht wirklich. Bei mir hat das nichts, aber auch gar nichts verbessert. Habe dektoptechnisch genau den gleichen Score (86%) wie vorher auch. Mobile ist noch grausamer…, leider. :frowning:

Wir haben 34 mobile und 44 Desktop auf der Startseite. Das ist echt miserabel :frowning:

Tzzz… jetzt komm ich  Wearing-Sunglasses  Grin

Mobile: Poor 8/100 
Desktop: Poor 52/100

Shopware: 5.3.1

Alles im tiefroten Bereich. Aber mir sowas von Latte. Was habe ich davon wenn nun alles Grün ist und toll aussieht? Spiegelt ja nicht die Realität wieder. Habe aber auch Plugins wie Smartsupp, ShopVote, Google Translate laufen, bei denen halt die Syteles etc. alle extern abgerufen werden müssen. 

Jetzt guckt auch aber auch mal Seiten wie bspw. Zalando an:

Mobile: Poor 50/100
Desktop:  Needs Work 65/100

Muss noch mehr gesagt werden?

Naja, Du kannst im Ranking nicht Zalando mit einem „normalen“ Webshop vergleichen. Da fällt natürlich der PageSpeed nicht ganz so ins Gewicht. Dies aber nur am Rande :slight_smile:

Was micht gerade wurmt: Google schlägt mir vor, alle @x2 - Dateien zu optimieren, allesamt um mindestens 80%. Wenn ich mir die Bilder anschaue, haben die meisten um die 80kb. Ist dies eine sinnvolle Empfehlung? Habe im Mediamanager den Wert bei High-Resolutions Thumbnails auf 60 stehen. Tiefer möchte ich da eigentlich nicht noch gehen. Jemand einen Tipp, wie man da bessere Werte bekommt?

Vergleich mal die Werte mit den komprimierten Daten wie zB von TinyJPG. Da merkt man noch mal echt einen Unterschied!

Was auch ganz gut geht bei kleinen Projekten, bei denen sich die Artikel nicht viel Ändern: Media-Ordner komplett runterladen, ImageOptim (Mac) drüber jagen und wieder hochladen.

LG

Ich würde danach gehen: werden einzelne Seiten in unter 2 Sekunden geladen, da bekanntlich ab 2 Sekunden es zu Erhöhten Verlassen der Besucher kommt?

Wenn ja kann man hier auch mit Upgrade auf PHP 7.0 oder 7.1, HTTP/2 an der Performance drehen. Upgrade auf Shopware 5.3, wie bereits erwähnt, ist auch sinnvoll.

Du kannst versuchen, Deine Bilde mit optipng und jpegoptim zu optimieren: Verlustfreie Optimierung von Bildern (png und jpg) in einem Verzeichnis | Timme Hosting

Timme Hosting - schnelles nginx-Hosting

www.timmehosting.de