since the page speed core update my rankings drop more and more.
When I disable LayerSlider complete I get 9x% for desktop and mobile but when have layerslider enabled the values go down to 34/42 what is very bad.
When I look at the problems, I can see that all pictures from the layerslider should be loaded "lazy" but when I let them load "lazy" (by wp rocket lazy load) they are not shown correct anymore.
Is there a way to load all pictures which are not shown immediately lazy in a way that the slider work correct but the google speed test doesn't count it as not lazy loaded, to get better results and rank higher again?
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
LayerSlider offers multiple options (Sidebar->Options->Advanced tab) that you can utilize to increase performance. The conditional script loading option will only load the scripts when they are needed. The include scripts in the footer option helps with eliminating the render-blocking scripts. The slider markup caching option spares server resources and lowers database connections. Please also note that the caching is not present for logged in admins, so you might not see the difference on the back-end. There is also the Optimize for mobile option in the Slider Settings -> Mobile tab (hidden by default). You could even try the Enhanced Lazy Load (also hidden by default) for a slider in its Slider Settings -> Misc tab, but please note that it can cause some issues in certain cases due to its nature.
When you make this test, you will see, that it says that many pictures should be loaded later / lazy and the listed pictures are the pictures which are used inside layerslider.
Inside the sliders I have activated - Opimize for mobile
- also (at the moment) enhanced lazyload
I also tried with show on desktop or mobile only, but when I look into the source code the pitures / slider code is still integrated inside the sitecode, only the slider is not shown, but the loading speed is not changed, if it's shown or not, so it looks like the pictures are still loaded, only not shown.
Only when I let A3 layzload or the lazyload option from the wp rocket cache plugin handle lazy loading of the layerslider integrated images the loading time is reduced a lot and the test values much better (8x to 9x) , but the sliders are not shown correct anymore.
So for me it looks like, that the lazy load function from layerslider is working correct or not recognized by google or the google pagespeed test site and thats why they show slow loading performance and that all pictures integrated in layerslider are not loaded lazy.
Can you check this and fix the lazy loading from layerslider so, that the google pagespeed inside test recognize it correct?
The lazy load is definitely working in the plugin, but unfortunately these speed tests and page insights are often incorrect and show false data.
I'll forward this to the dev team and they will look into it. But in case these tests are working incorrectly, not recognizing certain things and show false results, there's not much that can be done from our end. Regardless, I'll let the dev team know to see if anything can be done.
I just triggered out that a big part of the problem disappears when I switch off the thumbail navigation.
It looks like that all thumbnails are not loaded lazy.
Please give this information to your developper team.
Without thumbnails there are (mostly) only only two pictures listed by the google page speed tool as not loaded lazy per slider (I have 10 sliders (7 popup, 1 with the open buttons for the 7 popups) on my startpage with around 200 big pictures inside, so with thumbnails enabled amany pictures get loaded not lazy with the actual plugin version.
I've consulted with the dev team, and they've confirmed that this is how the plugin should work.
The thumbnails are immediately shown on page load, so they have to be loaded beforehand. Otherwise, only the active slide's thumbnail would be preloaded and the rest would only appear when the slideshow reaches that slide. Which would be quite unpleasing for the viewing experience.
We'd recommend to directly use small images for the thumbnails (few kbyte size), so it won't affect the page load.
Hi,
since the page speed core update my rankings drop more and more.
When I disable LayerSlider complete I get 9x% for desktop and mobile but when have layerslider enabled the values go down to 34/42 what is very bad.
When I look at the problems, I can see that all pictures from the layerslider should be loaded "lazy" but when I let them load "lazy" (by wp rocket lazy load) they are not shown correct anymore.
Is there a way to load all pictures which are not shown immediately lazy in a way that the slider work correct but the google speed test doesn't count it as not lazy loaded, to get better results and rank higher again?
Hello Revosoft,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
LayerSlider offers multiple options (Sidebar->Options->Advanced tab) that you can utilize to increase performance. The conditional script loading option will only load the scripts when they are needed. The include scripts in the footer option helps with eliminating the render-blocking scripts. The slider markup caching option spares server resources and lowers database connections. Please also note that the caching is not present for logged in admins, so you might not see the difference on the back-end. There is also the Optimize for mobile option in the Slider Settings -> Mobile tab (hidden by default). You could even try the Enhanced Lazy Load (also hidden by default) for a slider in its Slider Settings -> Misc tab, but please note that it can cause some issues in certain cases due to its nature.
Hi,
thankyou for your answer.
Bbefore I send my request I have tested many hours and selected already
- use slider markup caching
- include scripts in the footer
- conditional script loading
- defer JavaScript loading
As I have written, I test the site outside the admin section with
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Frevosoft.de%2F
When you make this test, you will see, that it says that many pictures should be loaded later / lazy and the listed pictures are the pictures which are used inside layerslider.
Inside the sliders I have activated
- Opimize for mobile
- also (at the moment) enhanced lazyload
I also tried with show on desktop or mobile only, but when I look into the source code the pitures / slider code is still integrated inside the sitecode, only the slider is not shown, but the loading speed is not changed, if it's shown or not, so it looks like the pictures are still loaded, only not shown.
Only when I let A3 layzload or the lazyload option from the wp rocket cache plugin handle lazy loading of the layerslider integrated images the loading time is reduced a lot and the test values much better (8x to 9x) , but the sliders are not shown correct anymore.
So for me it looks like, that the lazy load function from layerslider is working correct or not recognized by google or the google pagespeed test site and thats why they show slow loading performance and that all pictures integrated in layerslider are not loaded lazy.
Can you check this and fix the lazy loading from layerslider so, that the google pagespeed inside test recognize it correct?
The lazy load is definitely working in the plugin, but unfortunately these speed tests and page insights are often incorrect and show false data.
I'll forward this to the dev team and they will look into it. But in case these tests are working incorrectly, not recognizing certain things and show false results, there's not much that can be done from our end. Regardless, I'll let the dev team know to see if anything can be done.
Hi,
I just triggered out that a big part of the problem disappears when I switch off the thumbail navigation.
It looks like that all thumbnails are not loaded lazy.
Please give this information to your developper team.
Without thumbnails there are (mostly) only only two pictures listed by the google page speed tool as not loaded lazy per slider (I have 10 sliders (7 popup, 1 with the open buttons for the 7 popups) on my startpage with around 200 big pictures inside, so with thumbnails enabled amany pictures get loaded not lazy with the actual plugin version.
Thank you for the additional feedback. I'll forward your message to the dev team.
I've consulted with the dev team, and they've confirmed that this is how the plugin should work.
The thumbnails are immediately shown on page load, so they have to be loaded beforehand. Otherwise, only the active slide's thumbnail would be preloaded and the rest would only appear when the slideshow reaches that slide. Which would be quite unpleasing for the viewing experience.
We'd recommend to directly use small images for the thumbnails (few kbyte size), so it won't affect the page load.