• I have a slider at the top of my website, and it seems that the images and text in the slider load nearly last after all the other images and content below the fold.

    How can I change the ordering if this so that it prioritizes loading the slider first and my website seems faster to load?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter teradyl

    (@teradyl)

    Anyone have any insight on this? It’s pretty frustrating that I have a slider at the top of the page above the fold and the images in the slider load last.

    Theme Author presscustomizr

    (@nikeo)

    Hello,
    There is no option in the theme to set the order of priority between the slider images and the other.
    This is designed like this in order to have a minimum impact on page load time, slider images being usually heavy.

    Thread Starter teradyl

    (@teradyl)

    @nikeo Oh ok. So that means the theme is currently designed to load last because of the heavy usage. Can you direct me to the code/file where that is set? I can take a look and maybe update it to be first instead. Thanks!

    Hello,

    Yes, it’s lazy loading the banner/header image to fasten the page load.
    That said, since this is the first thing you look on the page, it might be weird to wait for it sometimes.

    Speaking of the banner, I’ve also experienced times when it doesn’t load at all (especially when I was running Nginx reverse proxy but I don’t think I’ve seen that again since I disabled it).
    Or sometimes, it doesn’t scale to the screen correctly (usually, picture is way too big) and I have to F5 the page to resolve the issue. For instance, visiting https://terageek.org/news/nouveau-serveur-survival-pvp-bot-rust/ in a private browsing session, the issue just happened. Screenshot : https://imgur.com/a/qcUSAyw

    But that might be due to caching, compression or something not directly due to the theme, that’s why I’ve never opened a topic about that. ??

    Best regards

    Thread Starter teradyl

    (@teradyl)

    @robin-labadie Do you know where the code is for the lazy loading? Seems like it could be easy to modify. Otherwise I may just have to find some different slider component.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to make Slider images load first?’ is closed to new replies.