- This topic has 30 replies, 2 voices, and was last updated 2 years, 5 months ago by David.
-
AuthorPosts
-
October 25, 2021 at 10:40 am #1974987Fraser
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.
October 25, 2021 at 12:52 pm #1975112DavidStaffCustomer SupportHi there,
can you share a link to the site so i can take a look?
October 25, 2021 at 1:17 pm #1975141Fraserplatonik.co.uk
October 25, 2021 at 4:48 pm #1975253DavidStaffCustomer SupportSo 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 ):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 ?
October 25, 2021 at 11:19 pm #1975429October 26, 2021 at 2:30 am #1975573DavidStaffCustomer SupportHmmm….
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; } }
October 26, 2021 at 2:35 am #1975579FraserDone
October 26, 2021 at 3:08 am #1975595DavidStaffCustomer SupportAnd 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.
October 26, 2021 at 3:16 am #1975604FraserThanks, David, I changed the icon type and I’ll reach out to Flywheel to get feedback on TTFB.
October 26, 2021 at 3:33 am #1975630FraserTypical 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.”October 26, 2021 at 4:04 am #1975650DavidStaffCustomer SupportFinal 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…
October 26, 2021 at 4:16 am #1975666FraserDone that
October 26, 2021 at 4:32 am #1975673DavidStaffCustomer SupportThat 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%2FSo 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 ?
October 26, 2021 at 4:39 am #1975683FraserThanks, David, I’ll load fonts locally.
Regarding the home page, there are no scripts or codes that spring to mind but I’ll investigate.October 26, 2021 at 4:46 am #1975694DavidStaffCustomer SupportI 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.
-
AuthorPosts
- You must be logged in to reply to this topic.