Issue with Immediate Loading of content on Page Load

  • Resolved moacyrsalim

    (@moacyrsalim)


    2 weeks ago

    Hello Support Team,

    I am experiencing an issue with the Slider Revolution integration on my website. The slider content only fully loads when the user scrolls down the page, instead of loading immediately upon page load. Here are the details:

    1. Issue: The first slider content only appears or fully loads after scrolling down. I need the slider to load immediately when the page opens, without waiting for user interaction.
    2. Troubleshooting Attempts:
      • Viewport Loading and Lazy Load Disabled: I have turned off “Dynamic Viewport Loading” and “Lazy Load” in the slider’s settings, as well as the “ViewPort Stop” option.
      • Forced Initialization with JavaScript: I tried multiple JavaScript solutions, including:
        • Simulating a small scroll down and back up to trigger visibility-based loading.
        • Dispatching scroll and resize events to force-load the slider.
        • Directly initializing the slider with JavaScript via revapi1.revstart().
      • Cache and Optimization Plugins Disabled: I disabled all caching and optimization plugins (LiteSpeed, WP Rocket, etc.) to rule out potential interference.
      • CSS for Visibility: Added CSS rules to ensure the slider and its layers are visible (e.g., opacity: 1 !important; visibility: visible !important;).
    3. Environment Details:
      • Theme and Page Builder: Using [Name of Theme] with Elementor.
      • Plugins: Slider Revolution, Elementor, and various performance-related plugins (all disabled for testing).
    4. Expected Behavior: I need the slider to load and display its content immediately when the page opens, without requiring the user to scroll.

    Despite these attempts, the slider still only loads upon scroll. Could you provide guidance on how to ensure the slider loads immediately, or if there are specific settings or code adjustments I should make? Thank you for your assistance!

    I believe LiteSpeed Cache could be contributing to this issue, but despite adjusting its settings (including disabling lazy load and modifying JavaScript settings), the problem persists. I also tried custom CSS to force immediate loading, but without success.

    Could you please inspect the page to help identify if there is a specific setting within LiteSpeed, cPanel, or on the server that might be affecting the loading of initial content?

    Best regards,

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

Viewing 15 replies - 1 through 15 (of 18 total)
  • Thread Starter moacyrsalim

    (@moacyrsalim)

    Find this code in my HTML, i dont know if has something with it, but i couldnt incapacitate it.

    const lazyloadRunObserver = () => {

    const lazyloadBackgrounds = document.querySelectorAll(     .e-con.e-parent:not(.e-lazyloaded) );

    const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {

    entries.forEach( ( entry ) => {

    if ( entry.isIntersecting ) {

    let lazyloadBackground = entry.target;

    if( lazyloadBackground ) {

    lazyloadBackground.classList.add( 'e-lazyloaded' );

    }

    lazyloadBackgroundObserver.unobserve( entry.target );

    }

    });

    }, { rootMargin: '200px 0px 200px 0px' } );

    lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {

    lazyloadBackgroundObserver.observe( lazyloadBackground );

    } );

    };

    const events = [

    'DOMContentLoaded',

    'elementor/lazyload/observe',

    ];

    events.forEach( ( event ) => {

    document.addEventListener( event, lazyloadRunObserver );

    } );
    Thread Starter moacyrsalim

    (@moacyrsalim)

    Solved importing my previous LiteSpeed configs of other server.

    Thread Starter moacyrsalim

    (@moacyrsalim)

    Could you take a look in my two configs and find what was wrong? Now i’ve lost a lot in pagespeed score, but apparently gained in speed.

    Plugin Support litetim

    (@litetim)

    @moacyrsalim
    Let’s start debugging and send me a Report Number.
    Can be created and the string ID shared from LSC => Toolbox => Report

    Thread Starter moacyrsalim

    (@moacyrsalim)

    I want to recover performance without get this issue again. Ill send you two configs and ID

    Thread Starter moacyrsalim

    (@moacyrsalim)

    can o privately send credenciais? I think this ticket is public. I pay litespeed monthly with whm.

    Plugin Support qtwrk

    (@qtwrk)

    no , don’t mention anything about credentials , it is forbidden in forum

    you can just send us the report number on both sites , we can do compare

    Thread Starter moacyrsalim

    (@moacyrsalim)

    could me help to navigate through that? I Just found a way to create a link for support login

    Plugin Support qtwrk

    (@qtwrk)

    I feel if you ever mention anything about login again , you will probably be banned by moderator

    you can go to Toolbox -> report -> click “send to LiteSpeed” on your previous and current, we can compare

    Thread Starter moacyrsalim

    (@moacyrsalim)

    Just Send it.

    I just want to restore the previous performance without losing loading speed or any page content when the site opens.

    Kinda of a mix of two configs. This one my pagespeed score drops from 90 to 30.

    Another one loads the header/first contents of the page only by interaction (Click or scroll), and TTFB is too slow

    Thread Starter moacyrsalim

    (@moacyrsalim)

    Ill load the previous version in my old website that is hosted in subdomain 2024.

    Then you can compare

    Thread Starter moacyrsalim

    (@moacyrsalim)

    Sent. Thanks for the help!

    Plugin Support qtwrk

    (@qtwrk)

    once you sent , please share the report number , it’s like 8-capital-letter string, it allows us to locate your report.

    Thread Starter moacyrsalim

    (@moacyrsalim)

    Old one RDUGLFHL (Slower site but a lot more performance)

    New One ESGNSCYI (Faster site but too much computing resources consuming)

    And the main problem was loading things AFTER interaction. If i can get performance and load, is perfect

    Plugin Support qtwrk

    (@qtwrk)

    from your descripted , I think it’s related to option JS delay

    you can try enable JS delay , and exclude slider javascript , for instance, in JS exclude and JS defer/delay exclude , put slide into them , save and purge all , see how it goes

Viewing 15 replies - 1 through 15 (of 18 total)
  • You must be logged in to reply to this topic.