Richtig, aber LiteSpeed nutzt dafür eigene und nicht fremde Funktionen/Dienste. Und ja es ist kostenlos, zumal auf die Bedürfnisse von WP und der Verwendung von LiteSpeed angepasst.
So, ich hab jetzt den Abend damit verbracht um folgendes zu machen:
Ich habe WPRocket deaktiviert, alle Caches gelöscht, den Rocket CDN ausgeschaltet und gelöscht, das Kritische CSS und Autoptimize deaktiviert und stattdessen LightSpeed aktiviert.
Lazy Load hab ich angeschlatet und auch den Responsive Placeholder aktiviert. Die Bilder above-the-fold hab ich aber bei den Lazy Load Image Excludes ausgeschlossen, sonst erscheinen die wirklich sehr spät im sichtbaren Bereich.
@supervisior Es fällt mir schwer zu beurteilen, ob das jetzt eine Verbesserung ist. Hast Du da eine Einschätzung zu?
Und darf ich Dich was Fragen zu den Einstellungen?
Ich würde gerne die Headerbilder in den Reiseberichten vom Lazy Load ausschließen, da sie im sichtbaren Bereich sind. PageSpeed Insights sagt:
Largest Contentful Paint-Bild wurde mit Lazy Loading geladen. „Above the fold“-Bilder, die mit Lazy Loading geladen werden, werden später im Lebenszyklus der Seite gerendert. Dies kann zu Verzögerungen beim Largest Contentful Paint führen.
Ich denke, dass geht über den Tab
LiteSpeed Cache Page Optimization > Media Excludes > Lazy Load Image Class Name Excludes
Die Headerbilder in den Reiseberichten enthalten z.B. alle die CSS Klasse alignnone
Code: Alles auswählen
<img loading="lazy" src="https://one-million-places.com/wp-content/uploads/2021/kanada/09/bruce-peninsula-national-park-headerbild.jpg" alt="Bruce Peninsula National Park Headerbild" class="alignnone size-full wp-image-106154" srcset="https://one-million-places.com/wp-content/uploads/2021/kanada/09/bruce-peninsula-national-park-headerbild.jpg 1200w, https://one-million-places.com/wp-content/uploads/2021/kanada/09/bruce-peninsula-national-park-headerbild-800x200.jpg 800w, https://one-million-places.com/wp-content/uploads/2021/kanada/09/bruce-peninsula-national-park-headerbild-400x100.jpg 400w, https://one-million-places.com/wp-content/uploads/2021/kanada/09/bruce-peninsula-national-park-headerbild-768x192.jpg 768w, https://one-million-places.com/wp-content/uploads/2021/kanada/09/bruce-peninsula-national-park-headerbild-100x25.jpg 100w" sizes="(max-width: 1200px) 100vw, 1200px" width="1200" height="300">
Ich dachte es reicht, wenn ich unter
Lazy Load Image Class Name Excludes alignnone eintrage, aber das scheint so nicht zu greifen. Kannst Du mir da helfen?