Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 4, 2024 at 5:28 pm #1470591
    TTI

    I’m trying to figure out why PageSpeed is showing inconsistent, seemingly random, high LCPs. On a simple test page, the header logo is registering an LCP of over 2.7s. While on another page, a simple H1 text block registers over 3s. While on another page, a paragraph (text only) has the largest LCP score. If I delete that H1 text block the high LCP moves to some other part of the page. Is this a bug in the theme?

    I’m using WP rocket and have recommended settings enabled for LCP issues.

    Thank you. -John

    November 5, 2024 at 12:01 pm #1470656
    Rikard

    Hey TTI,

    Where exactly are you seeing that this is applying to specific elements? The last thing that any theme developer wants is for their theme to not work properly and to load slowly, so any type of functionality that would intentionally slow down loading would not be added. To add something that would randomly slow down loading would be even worse of course.

    We are not really in the position to answer specific question pages speed insights results, so you might want to consider reaching out to their support directly, or to WP Rocket.

    Best regards,
    Rikard

    November 5, 2024 at 5:55 pm #1470682
    TTI

    Hi Rikard,

    I posted 3 links in the private data block that show the specific elements affected. One thing I also noticed in with my simple test page (header w/logo, footer, and test block) – if I add another element, like a text block and special heading, the large LCP will move to a new element. Maybe the layout builder causing this? Perhaps you could recommend a starting point for a test case or steps to help me debug this so I can get you the info you need.
    Thank you –
    John

    November 5, 2024 at 8:33 pm #1470702
    TTI

    I did some more digging and ran Catchpoint webspeed test. I listed about 42 render blocking CSS calls right before the logo. Most of the css that is listed is not used on the page. For example slideshow.css, portfolio.css, promobox.css, etc., etc. This seems to be culprit. Is this by design or is there something wrong with my page? Why would unused css load? Thanks, John

    November 6, 2024 at 9:19 am #1470742
    Rikard

    Hi,

    Thanks for the update. Did you check your settings under Enfold->Performance->Disable Template Builder Elements?

    Best regards,
    Rikard

    November 6, 2024 at 4:27 pm #1470770
    TTI

    It is set to recommended “load only used elements”. But it appears to be loading css that isn’t used in the page.

    November 6, 2024 at 5:52 pm #1470772
    Guenni007

    It would be nice to be able to do this on a page-by-page basis. Check which elements are used on the page and only load that js/css combination. We have already discussed this here on the board. I don’t know if this is feasible.
    The function you are referring to only collects the information about which elements have been used on the entire installation and then loads them.

    November 7, 2024 at 8:35 am #1470825
    Rikard

    Hi,

    Thanks for sharing @guenni007, that is correct. If you would like to compress and merge JS and CSS files, then you have that option in the theme as well @tti. But since you are using WP Rocket, I don’t think that you will need to use that functionality.

    Best regards,
    Rikard

    November 15, 2024 at 9:06 pm #1471436
    TTI

    Thank you Rikard.

    Is the theme compress and merge “better” than a plug-in like WP rocket? How does it differ? I at least 1 second worth render blocking CSS that is being loaded that is never used. (see private content)

    November 16, 2024 at 10:02 am #1471450
    Rikard

    Hi,

    We can’t answer for WP Rocket unfortunately, but I’m guessing that there’s not much difference between what it and the theme does.

    Best regards,
    Rikard

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