[Resolved] anyone offer Core Web Vitals service for GeneratePress and WP Rocket

Home Forums Support [Resolved] anyone offer Core Web Vitals service for GeneratePress and WP Rocket

Home Forums Support anyone offer Core Web Vitals service for GeneratePress and WP Rocket

Viewing 15 posts - 1 through 15 (of 31 total)
  • Author
    Posts
  • #1974987
    Fraser

    Does anyone offer a Core Web Vitals service for websites that use GeneratePress, GenerateBlocks, and WP Rocket?

    Whilst I have a mobile score of 98 on most pages, I have been unable to fix an LCP issue since 28th May and my improvements continued to fail the test.

    The actual score is 3.1 seconds

    As a result, organic traffic has declined.

    The featured image in the header element appears to be the core issue.

    I’ve tried every solution in this forum but to no avail.

    I’m not looking for suggestions, but someone who can actually fix this issue.

    #1975112
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to the site so i can take a look?

    #1975141
    Fraser

    platonik.co.uk

    #1975253
    David
    Staff
    Customer Support

    So i ran a PSI test and what i was first surprised to see in the Lab Data is that FCP, LCP and Time to Interactive were all 2.8 seconds. And more surprising there are no opportunities or diagnostics relating to those times. And checking the Critical Chain requests i see there is only the domDocument and 1 x font request… no CSS hmmmm.

    Which lead me to inspect the site with the browser developers tools to find all of the CSS was being loaded inline in the <head> of the site by WP Rocket… and theres around 4000 lines of it… which i would hazard a guess as being the issue.

    So I ran another PSI test with WP Rocket disabled ( by adding the ?nowprocket query string to the URL ):

    https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.platonik.co.uk%2F%3Fnowprocket

    We now have some differentials to work with and i can see whats happening behind the scenes.

    Can you disable the Optimize CSS Options in WP Rocket ( ie. Used CSS ) so we can take a look without that one setting being applied ?

    #1975429
    Fraser

    thanks for investigating David. I have disabled this option, see attached
    2021-10-26_07-17-25.png
    Fraser

    #1975573
    David
    Staff
    Customer Support

    Hmmm….
    For testing could you remove the background image of the hero element on mobile ?
    You can use add this CSS to do that :

    @media(max-width: 414px) {
        .entry-content .gb-container:first-child:before {
            background-image: unset !important;
        }
    }
    #1975579
    Fraser

    Done

    #1975595
    David
    Staff
    Customer Support

    And that made absolutely no difference to any of the timings… which is bizarre as that removed over 50kb of data from initial load. I also tested this page:

    https://www.platonik.co.uk/keyword/

    Which is just text and yet the results are the same ….

    Aside from WP Rocket deferring JS i can’t see any front end scripts running that would interfere with the loading. Theres no redirects or other network requests i can see that would affect it either.

    The fact that all FCP timings are high and none of the usual culprits ( see here ) are appearing in any tests i do it points to the TTFB timings.

    Can you check with your host to see if they can provide any insight as to why TTFB may be slowed down?

    As a side note – it won’t make any noticeable different but in Customizer > General, change the Icon Type to SVG. It will remove the tiny font files currently being requested for theme icons.

    #1975604
    Fraser

    Thanks, David, I changed the icon type and I’ll reach out to Flywheel to get feedback on TTFB.

    #1975630
    Fraser

    Typical host response.
    “As this site is running perfectly on our end there isn’t much more optimizing we can do it would be on the dev side.”

    #1975650
    David
    Staff
    Customer Support

    Final test to try – in the Customizer set the fonts to Inherit ( which will load only System Stack fonts and NO google fonts ) then clear the WP Rocket caches.

    And we can retest the page without them…

    #1975666
    Fraser

    Done that

    #1975673
    David
    Staff
    Customer Support

    That made a huge improvement across the site except for the Home Page:

    Keyword page:
    https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.platonik.co.uk%2Fkeyword%2F

    Blog page:
    https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.platonik.co.uk%2Fblog%2F

    So Google font is being a pain in the *** … you can try loading them locally:

    https://docs.generatepress.com/article/adding-local-fonts/

    That should keep those improvements.

    But now the Front Page – are there any extra scripts / tracking codes being run on the front page ?

    #1975683
    Fraser

    Thanks, David, I’ll load fonts locally.
    Regarding the home page, there are no scripts or codes that spring to mind but I’ll investigate.

    #1975694
    David
    Staff
    Customer Support

    I notice this error onlu on the home page in the Developers Console:

    Unhandled Promise Rejection: TypeError: null is not an object (evaluating 'e.parentNode.replaceChild')

    Its the WP Rocket Lazy loading script. Could be a problem as its running some Javascript that looks to be ‘moving’ HTML but is failing. Check with WP Rocket on whats going on there… best to eliminate these errors.

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