There's been a lot of discussion around pagespeed recently and updating themes and theme frameworks, and if you're running our theme + the Feast Plugin:
Your theme is not the problem.
It's all the other garbage that has accumulated over the years. How do we know this? Because this is what your pagespeed looks like without all that other stuff:
What you really need is a plugin audit.
just wanted to say a huge thanks for your advice - followed everything you've said regards headings and formatting (will follow better recipe layout in future posts) and my lighthouse score has shot up to .... drum roll..... 96! this is something that was driving me mad to sort out before as i couldn't work out what i was doing wrongElla
Chasing an arbitrary pagespeed score is unimportant - 80/100, 90/100, 100/100 - they're all the same. When it comes to pagespeed:
Either you're being penalized, or you're not.
There is no "fast score boost".
Anything over a 70/100 means you're not being penalized.
Should you be trying to make your pages load quicker for user experience? Yes, but you have to trade off against reconfiguring the whole site.
Hosting is priority #1, no amount of host-specific "optimization" plugins or bandaids offered by bad hosts will be a substitute for this. We only recommend two hosts here:
If you're just starting on a budget, get on the BigScoots Shared Hosting plan.
When it comes time to upgrade on these hosts because your server is struggling, don't hold back. It's a necessary expense.
These hosts perform fine and aren't likely a source of issues:
No affiliate links here.
Properly size images
The "properly size images" warning happens because you're not lazyloading images. To resolve this:
- Make sure you're running WP Rocket with lazyloading enabled
- Make sure your images are below the fold, not displaying any above the fold
- Make sure you're not loading images from a third party (eg. Gravatar, Jetpack)
Ultimately, this warning has no impact on pagespeed, see the FoodiePro.com PSI report for proof:
WebP has zero impact on pagespeed score and we don't recommend or support using it.
The biggest issue we see is outdated setups or unnecessary plugins. The only plugin we recommend for pagespeed is WP Rocket because it has:
- critical path CSS
- CSS + JS optimization + delivery
- external resource prefetching
We recommend simply removing any of the following:
- Smashballoon, WP Instagram Widget, or any instagram widget
- Elementor, Divi, or any pagebuilder that isn't the block editor (Gutenberg)
- Note: the block editor is a core part of WordPress, do not install the Gutenberg plugin
- W3 total cache, WP Super Cache, WP Fastest Cache, anything that isn't WP Rocket
- a3 Lazy Load, or anything that isn't WP Rocket
Note: if you're on a managed plan with NerdPress, ask them for help pruning plugins from your site.
Ads from any network will hurt pagespeed and cause CLS issues.
Currently, Mediavine and AdThrive at the forefront of ad delivery and pagespeed and offer an acceptable tradeoff when it comes when it comes to
Lab data that varies from test to test is the result of internet traffic, load on Google's servers, your server load, and cache status.
The best test you can perform is when you're not making changes and it's off-peak hours.
Making changes to your site often forces the regeneration of your cache. This can happen at the page level, site-level. It can also trigger down-stream effects, with CDNs being refreshed and fetching multiple pages.
Always wait an hour to test your site after an hour of being logged out or making any changes.