Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 7, 2021 at 3:06 pm #1331865
    uribinsted

    Hi
    I have an issue with the fullwidth slider affecting the website loading.
    I use WPRocket to optimize website speed.
    When I select Delay javascript execution the website speed gets an excellent speed score, but the slider images only appear on the screen after user interaction which causes a bad user experience using the slider.

    I also want to cancel the fade-in effect for the first slide as it also affects the LCP

    I think it can be best to have a simple slider that doesn’t use JS. as page speed issues are here to stay it can solve a lot of problems for Enfold users.

    December 9, 2021 at 2:04 am #1332041
    uribinsted

    ?

    December 9, 2021 at 2:41 pm #1332142
    Ismael

    Hi,

    Thank you for the inquiry.

    The slider relies on the jQuery script in order work properly, but since the scripts are lazy loaded using RocketLazyLoadScripts function, the slider images do not display. You may need to exclude jQuery from lazy loading and set it to load normally.

    To disable the fade in effect for the first slider, add this css code.

    .avia-slideshow li:first-child {
    opacity: 1 !important;
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings, and purge the cache after adding the css code.

    Best regards,
    Ismael

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