Nach Updates (Plugin & ChildTheme & Wordpress) Produktbilder riiieeesig

Zitat von Sanfer

Habe zwar vor meinen Updates eine Updraft-Sicherheitskopie gemacht, aber ich möchte nicht alles zurücksetzen.

Wozu genau wurde dann diese Sicherheitskopie erstellt? :rolleyes:

Zitat von Sanfer

Was kann ich tun?

Versuche es mal mit nach den Updates neu in die Mediathek hochgeladenen Bildern? Sind die Bilder dann passender? Falls ja, müssen die diversen Bildgrössen der vorhandenen Bildern mit einem Plugin wie Regenereate Thumbnails o.ä. neu erstellt werden.

Weiterhin deaktiviere alle Minify-, Cache- und sonstige Optimierungsplugins und leere alle ggf. vorhandenen internen sonstigen Caches auch des Themes bzw. von Elementor. Ändert das etwas?

Es sind weiterhin Minify-, Cache- und sonstige Optimierungsplugins aktiv, derzeit mindestens: SiteGround Optimizer

Um das Problem genauer zu identifizieren, spielt man z.B. das Backup auf einem Testserver ein und macht dann dort schrittweise einzeln die Updates. Generell spielt man eigentlich bei unternehmenskritischen Installationen wie Shops usw. sämtliche Updates erst auf einem Testserver ein und testet dort alles komplett durch.

Durch aktive Cache- und Optimierungsmechanismen ist es für mögliche Helfer völlig unklar, welches CSS woher kommt usw., habe jetzt mehrfach darauf hingewiesen, diese Plugins zu deaktivieren, mind. SiteGround Optimizer läuft aber immer noch, bin daher hier raus, viel Erfolg bei der Problembehebung.

Vergleichsweise blind hier irgendwelche Rollbacks zu machen, ist generell wenig zielführend. Um den funktionierenden Stand wiederherzustellen, hast Du ein Komplettbackup erstellt.

Alternativ wende Dich an die Person, die den Website eingerichtet hat bzw. technisch dafür verantwortlich ist, die kann Dir sicher kurzfristig weiterhelfen.

@Sanfer

du kannst bist du den Fehler gefunden hast, ist denke mal nur eine Einstellung die wieder hergestellt werden muss, mal diesen Code unter Design > Customizer > Zusätzliches CSS einfügen

.elementor-element.elementor-products-grid ul.products {
    display: flex !important;
}
.elementor-element.elementor-products-grid ul.products li.product {
    width: calc(25% - 15px) !important;
}

Auf dem Server läuft lt. HTTP Headern augenscheinlich zusätzlich auch noch ausserhalb von WordPress ein weiterer Cache-Mechanismus, wende Dich an den Hosting Support, um herauszufinden, wie Du den deaktivieren oder leeren kannst.

Die Website ist nicht optimiert. Auf der Seite Duftkerzen werden 13 Bilder großformatig dargestellt, Bei allen handelt es sich nicht, wie in der Adresszeile angegeben um das Format JPG, sondern um WebP.
https://www.cam-leon.at/duftkerzen/
https://www.cam-leon.at/wp-content/upl…800-300x300.jpg
https://www.cam-leon.at/wp-content/upl…800-300x300.jpg
https://www.cam-leon.at/wp-content/upl…800-300x300.jpg
u. s. w. w. s. f.

Das Wordpress Update 5.8 kommt u. a. mit folgender Neuerung:
[size=14] Unterstützung für WebP hinzugefügt [/SIZE]
WebP ist ein modernes Bildformat, das eine verbesserte verlustfreie und verlustarme Komprimierung für Bilder im Web bietet. WebP-Bilder sind im Durchschnitt etwa 30 % kleiner als ihre JPEG- oder PNG-Äquivalente, was zu schnelleren Websites und geringerem Datenvolumen führt.

Da bei mir nach dem WP Update 5.8 noch alle Bilder im JPG Format sind, schließe ich WordPress als Verursacher aus.

Falls es trotz mehrfacher Hinweise noch immer nicht klar ist:

Für eine sinnvolle Ursachenermittlung von Darstellungsproblemen sollte man immer alle Minify-, Cache- und sonstige Optimierungsplugins und auch ggf. vorhandene sonstige serverseitige Cache-Mechanismen vollständig deaktivieren.

Sonst ist das alles nur ein Stochern im Nebel...

Zitat von Sanfer

ja, ich lade die Bilder als JPG hoch, aber mein SG Optimizer macht dann WebP draus.

Warum sagst du das denn nicht gleich?

Wenn SG Optimizer nach der Optimierung in der Adresszeile keine .webp Erweiterung hinzufügt
Beispiel: https://www.cam-leon.at/wp-content/upl…eEn-800-300x300.jpg.webp
dann kannst du das Plugin SG Optimizer auch in der Pfeife rauchen.

@Safner

Lass dich hier nicht durcheinander bringen, SG Optimizer macht genau das was er soll, die Bilder optimieren und "nicht" den Bildpfad.

Es gibt hier also nichts zu rauchen ;)

Nur noch zur Info:

Es gibt 2 Möglichkeiten beim nachträglichen optimieren in das WebP Bildformat

Eine Option fügt der Konfigurationsdatei ".htaccess" von Wordpress einige Rewrite Rules hinzu und lässt den Code deiner Seiten unverändert.
Eine weitere Option ersetzt <img>tag mit <picture>tag Elementen, hier wird dann auch in der Browserzeile dem Bildpfad das .webp angehängt.

Die <picture>tag Integrierung Funktioniert aber mit manchen WP Themes nicht, daher wird bei den Plugins oft die .htaccess Variante verwendet

Zitat von Sanfer

Warum @Persephone etwas anderes rausfindet weiß ich nicht.

Ho ho ho, hab noch was ganz anderes herausgefunden, was keinesfalls von einem Plugin, Theme o. WordPress stammt!