Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 31, 2015 at 6:07 pm #481503
    victor1983

    LayerSlider is loading three 1700 pixel wide of my images. It is happening cross-browser and cross-device, both on desktops and on mobile-phones. When Google checks my website with the mobile-speed test it uses the 320px Screen Width resolution and does not like the fact that we are displaying three 1700px wide image on a 320px wide displays. This is considered excessive and decreases the PageSpeed Mobile grade.

    To our regret the LayerSlider does not provide an option to load smaller images for smaller displays, but it does allow to disable the slider bellow specific screen width completely.

    Will there be an option to serve smaller image for mobile dives or if the enfold it self are able to shrink those ?

    August 3, 2015 at 8:31 am #481937
    Rikard

    Hey victor1983,

    I think the easiest way to do that would be to create another slider with optimised images for that size and then hide/show the correct sliders for the widths you wish using CSS. Let us know if you should need any help with the CSS.

    Thanks,
    Rikard

    August 4, 2015 at 8:18 pm #482940
    victor1983

    Hi
    ok that work around would do. Please help me with the CSS that i can use

    Best regards
    Victor J

    August 4, 2015 at 9:20 pm #482971
    Basilis

    Hey!

    Please do let us know when you publish it, and we will assist you further with that, as we need to target the rows correctly.

    Best regards,
    Basilis

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.