Logo load slow on page with iFrame

  • Resolved ccmp

    (@ccmp)


    3 years, 8 months ago

    Today I have released this website : https://www.klankbyld.nl/home . There is one page (menu BEELD) with 4 YouTube embedded. When I have set LiteSpeed off then the logo normal load, when I set LiteSPeed on then the logo is first gray and after 1 second it is loading. Other pages don’t affect. Anybody know what is happening?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support qtwrk

    (@qtwrk)

    Hi,

    Did you enable lazy load ? if so , please disable it and purge all

    Best regards,

    Thread Starter ccmp

    (@ccmp)

    Yes I enabled Lazy Load. When disabling this the problem is solved. Can you explain me why set this off? It is better to use Lazy Load?

    @ccmp

    If logo loads like you described it, then this is the idea behind lazy loading. Lazy loading let images and other objects load deferred and an base64 coded placeholder is loaded before logo is loaded. But using lazy load isn’t always a good idea, especially in case of the logo. The logo image is “above the fold”. This area is critical regarding “Cumulative Content Shifting” (CLS). If logo is loaded deferred it will increase CLS rating and you will get a bad score with Core Web Vitals. That’s why you should exclude logo image from lazy loading.

    Learn more about CLS and Core Web Vitals: https://web.dev

    Thread Starter ccmp

    (@ccmp)

    Thank you for the explanation! I will look to CLS and Core Web Vitals

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Logo load slow on page with iFrame’ is closed to new replies.