Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 1, 2019 at 12:44 pm #1143696
    ICEMAN

    Hello Guys !

    I’m looking for a solution to optimize the display of my website by delaying the loading of the images.
    I have a slider on my home with al lot of images and I would like to keep it in place without compromising the loading time which is bad for SEO and user experience.

    Thanks for your ideas !

    Have a beautiful day !

    Iceman

    October 2, 2019 at 3:32 pm #1144180
    ICEMAN

    No idea ?
    Maybe something like that: loading the first 3 pictures and the following while displaying the first 3 pictures …

    October 2, 2019 at 3:44 pm #1144184
    hendlmann

    If you are using LayerSlider: It is already using lazy load and conditional script loading to optimise performance.

    Otherwise you could try on of the lazy load-plugin to further optimise the loading process of images: https://wordpress.org/plugins/search/lazyload/

    October 7, 2019 at 5:04 am #1145610
    Ismael

    Hi,

    Thank you for the inquiry.

    Using a lazyload plugin as @hendlmann suggested should help, but it could cause problems with some elements. Jetpack’s lazy load option for example causes the layer slider images to not display at all, so you should look for a plugin that will work best in your setup.

    Best regards,
    Ismael

    October 7, 2019 at 12:42 pm #1145745
    ICEMAN

    Thank you Ismael, I already looked for Lazy Load plug ins but it’s bad for SEO. I prefer manual soltuion without plug in with <noscript> tag.

    
I think about something like that: 

<!-- Lazy loaded image: before -->
<img data-src="photo.jpg" src="photoA.jpg" class="js-lazyload" src="data…" />
<noscript>
    <img src="photoA.jpg"  alt="my photo A"… />
</noscript>

<!-- Lazy loaded image: after -->
<img src="photoB.jpg" class="js-lazyload" … /
<noscript>
    <img src="photoB.jpg"  alt="my photo B"… />
</noscript>

    Does anyone got an idea ?

    • This reply was modified 5 years, 1 month ago by ICEMAN.
    October 9, 2019 at 4:48 am #1146355
    Ismael

    Hi,

    Thank you for the update.

    The noscript tag is used when browser scripts are disabled, so it won’t help in your case. You can, however, optimize the images used in the slider or optimize the site in some other ways. This short article should help.

    // https://kriesi.at/archives/4-key-wordpress-image-optimization-tips
    // https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow

    Best regards,
    Ismael

    October 9, 2019 at 11:45 am #1146476
    ICEMAN

    Hi Ismael, Thanks for sharing these links. I will read them.
    Have a beautiful day,
    Iceman

    October 10, 2019 at 5:46 am #1146733
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    October 10, 2019 at 9:29 am #1146788
    ICEMAN

    You can close the topic,
    Thank you Ismael,
    Regards,
    Iceman

    October 11, 2019 at 6:03 am #1147020
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Optimize the display of your sites by delaying the loading of the images’ is closed to new replies.