• How can I add fetchpriority="high" to the first slider image in Smart Slider 3? I would like only the first visible slide image to receive the fetchpriority="high" attribute to improve LCP performance. Is there a Smart Slider 3 hook, filter, or custom code solution to achieve this?

Viewing 1 replies (of 1 total)
  • Plugin Support Laszlo

    (@laszloszalvak)

    Hi @chayma2020

    Smart Slider 3 doesn’t have an option, hook, or filter for adding fetchpriority="high" to slide images.

    The reason is that, in Smart Slider’s case, this attribute would not provide a real improvement. Smart Slider needs to run its JavaScript before the slider can be displayed properly, and some of this JavaScript can only run after the page has finished loading. Because of this, the slider is usually one of the later elements to become visible on the page.

    We already run the required slider scripts as early as possible. By the time the slider is ready to appear, the slide images have already been added to the page, regardless of their loading priority. So adding fetchpriority="high" to the image of the 1st slide would not make the slider appear earlier or improve the actual LCP timing in this case.

    One thing that can help if you have multiple sliders on the same page is adjusting their Loading type setting. For the first slider, especially if it appears above the fold, we recommend setting Loading type to Instant. For the other sliders that appear further down the page, below the fold, you can set Loading type to After page loaded. This way, the above-the-fold slider will not have to compete with the other sliders for resources while the page is loading.

    You can find this setting in the slider settings under the Optimize tab.

    Best regards,
    Laszlo.

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.