-
Posts
-
Es geht um den Pagespeed. Bis ca. letztes Jahr hatte ich nach einer umfangreichen Optimierung der Website nahezu perfekte Werte bei den Google Insights. Anscheinend sind die Kriterien wieder einmal anders bewertet – mobil komme ich nur noch auf 50-60% Leistung.
Die kritischsten Werte sind zwei Indikatoren:
Layoutverschiebungen
da sehe ich das Consentmodul Real Cookie Banner als Verursacher. Plugin deaktiviert und ich hatte statt 13 shifts nur noch eins. Keine Ahnung wie das anders lösbar wäre.LCP
Alles probiert und entsprechend eingestellt und weboptimiert. Schriften werden lokal via OMGF Pro optimiert geladen. Caching und Optimierung via WP Rocket. Bilder v.a. auf der Startseite in webP. Da habe ich schon alles durch: wenn man ein Bild bis zum Exzess optimiert, findet insights das nächste LCP und stürzt sich auf das Element – sogar reiner Text wurde mir schon als LCP angezeigt.Habt ihr hilfreichen Input und Ideen dazu?
-__________
It’s about the pagespeed. After an extensive optimization of the website, I had almost perfect values at the Google Insights after an extensive optimization of the website. Apparently the criteria are rated differently again – I only get 50-60% power.
The most critical values are two indicators:
Layout shifts
I see the Real Cookie Banner CONSENTMODUL as a cause. Plugin deactivated and I only had one more than 13 shifts. I have no idea how it would be different.LCP
Everything tried and set accordingly and web -optimized. Writings are loaded locally via OMGF Pro. Caching and optimization via WP Rocket. Images, especially on the homepage in WebP. I already have everything through: if you optimize an image to the excess, Insights find the next LCP and plunges on the element – even pure text has already been displayed as a LCP.Do you have helpful input and ideas?
Hey Sven,
Thank you for the inquiry.
The LCP is the background image used in the header container (kuechen-schmidt_edelstahl_footer-bg.jpg). It’s 2000px in width and 46Kb in size, which is a bit heavy. We recommend significantly reducing the image size, make sure it’s compressed and preload it using the plugin below.
— https://wordpress.org/plugins/preload-lcp-image/
CLS could also be improved by limiting the height of the revolution slider on smaller screens, making sure it doesn’t shift the page while the slider is loading. Please add this css code:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top #main #revolutionslider_1 { max-height: 220px; overflow: hidden; } }Best regards,
IsmaelThanks for the tip – that made me realize the actual error in the header. The background image in the header is only 1920px and only 8KB via WebP. Before, I had 2500px with 15KB because of large displays/Retina => both shouldn’t be a problem with Insights. But: at the top of the second header with the phone number, the old jpg version was still embedded via CSS at an incredible 32KB :D
Hope that helps.I’ve used the other CSS.
I’ll let you know after a few tests.
Hi,
Thank you for the update.
The desktop score is now 98, and 80 on mobile. CLS is now resolved, but there’s still an LCP issue, which now points to the text element below the first gallery. It will probably help to further reduce the size of the background image (kuechen-schmidt_edelstahl_footer-bg.jpg), which is still 43KB and larger than necessary. Optimizing the slider images such as kuechen-schmidt_stellenanzeige_Technischer-Koordinator_2406.webp (88KB), kuechen-schmidt_service-check_kundenzufriedenheit-1-300×150.jpg (32KB), along with the others would also help.
Best regards,
Ismael
- You must be logged in to reply to this topic.