Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 1, 2024 at 6:36 pm #1470448
    TTI

    I’m running a test to track down a LCP issue reported by PageSpeed Insights. I created a test page with nothing except header, footer, and a layerslider. PSI reports a very high LCP for the logo for the logo the header. For example, it reports this element (actual path in private content):

    ‘img src=”https://www.site.com/wp-content/uploads/2024/10/website_logo.png” height=”100″ width=”300″ alt=”logo” /’

    as being the culprit. The image is exactly 100×300 and about 8Kb in size. But it takes over 2.7 seconds.

    Phase/% of LCP/Timing
    TTFB/24%/600 ms
    Load Delay/16%/400 ms
    Load Time/30%/750 ms
    Render Delay/30%/730 ms

    I’m struggling to determine way the logo, which is part of the theme’s header, is so slow.

    Thanks

    • This topic was modified 4 days, 8 hours ago by TTI.
    • This topic was modified 4 days, 8 hours ago by TTI.
    • This topic was modified 4 days, 8 hours ago by TTI.
    • This topic was modified 4 days, 8 hours ago by TTI.
    November 5, 2024 at 6:25 am #1470617
    Ismael

    Hey TTI,

    Thank you for the inquiry.

    Did you figure out the issue? The LCP score is now 0, with only a 1010ms delay from the first Layer Slider on the page.

    Best regards,
    Ismael

    November 5, 2024 at 8:08 am #1470632
    Ismael

    Hey!

    Apologies for my previous reply. I was looking at the CLS score, not the LCP. Have you tried preloading the images used as the logo or slider image? You can try this plugin: https://wordpress.org/plugins/preload-lcp-image/

    Best regards,
    Ismael

    November 5, 2024 at 9:24 am #1470648
    Guenni007

    i could not imagine that a logo is the reason for bad LCP Values. (maybe if you use a svg Logo with embedded image gradients (like Instagram now did) ) a svg with 10MB 🙂‍↔️ (https://about.meta.com/brand/resources/instagram/instagram-brand/)

    if you got for example a bigger advanced slider – that could cause it
    on pagespeed insights – go to the diagnostic part and open the LCP part to see what is responsible for that.

    November 5, 2024 at 5:42 pm #1470679
    TTI

    Thanks for the replies. The diagnostic part of the LCP is indeed the logo. The logo is only 8Kb in size. The slider is set to not loaded for small screens so it should not be affecting the LCP. I’ve tried preloading (using the WP setting) and that does not improve things significantly. LCP is still high. I’ve started from the beginning with WP rocket disabled – very large LCP for the logo. Then I enabled various optimizations one at a time while making sure my cache was clear. No matter what, LCP is very high for the logo. There’s nothing but a header, footer, and the logo, all part of the Enfold theme. It should pass all diagnostics.

    Thank you,
    John

    November 5, 2024 at 5:50 pm #1470681
    Guenni007

    is it on your own page?
    if so – you are on 1and1?

    November 5, 2024 at 6:04 pm #1470683
    TTI

    Yes. It’s hosted on Kinsta but the DNS is managed by 1and1.

    November 5, 2024 at 6:23 pm #1470686
    Guenni007

    what i can see on that page is the layer-slider setting – and on my iPhone this is still there (the layerslider).

    November 5, 2024 at 6:50 pm #1470689
    TTI

    Hmm. Hide on mobile was/is enabled.

    I added 720 to “Hide under”.

    November 5, 2024 at 8:04 pm #1470691
    Guenni007

    you did that on layer slider project settings?

    November 5, 2024 at 8:27 pm #1470701
    TTI

    This is what I have set:
    Hide on Mobile is enabled
    Hide Under: 720
    Hide over [blank]

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