-
Hello! I bought via GenerateBlocks as I’d read it was one of the best in terms of speed, but I have Site Kit installed on my blog, which has been live just over a week, and it keeps flagging site performance issues, especially on mobile devices.The overall performance score for mobile is 69.
The Largest Contentful Paint hovers around 5.8 (sometimes over 6) and the First Contentful Paint around 2.9. Total blocking time around 200ms. Speed index 4.6.
It’s suggesting I get a plugin to Eliminate render-blocking resources but warns doing this may require code changes (which worries me, as I know nothing about code).
For the largest contentful paint image, I already have Smush installed and don’t know what I can do to optimise it further. Another suggestion is to properly size images, but they’re already used sparingly and mainly fairly small and so I don’t know how to fix this.
For reducing initial server time it’s suggesting changing the theme, but I’m using a GeneratePress theme BECAUSE it was meant to be a speedy option.
It also suggests reducing Java/ Css/ unused third party code but I have no idea how to do any of this.
Weirdly, desktop performance is fine – BUT most of my visitors are using mobile so I really want to fix this.
To summarise, I’m having lots of performance issues flagged for my mobile site, including my GeneratePress theme, and I don’t know how to fix it. Please help!
-
First, you have to check out where the test server is. I am located in Germany, and the Google tests are more often than not simply crap, since they measure everything on a server in the US.
Weirdly, desktop performance is fine – BUT most of my visitors are using mobile so I really want to fix this.
This is not weird. Usually, the bandwith gets limited for mobile device tests assuming that most networks are not super fast. Parameters like the largest contenful paint do not only depend on the theme but even more on the layout of your page. GP is one of the fastest themes on the market. It is not unlikely that Site Kit itself might be the problem. I strongly recommend Gtmetrix for performance tests. You can choose the location of the test server, and the results do match quite well with the real user experience. Google PageSpeed is the worst case scenario test, and very often not useful at all.
-
Hi there,
Here are some of the things I would do:
1. Install a plugin like Autoptimize: https://en-ca.wordpress.org/plugins/autoptimize/
This plugin will combine a lot of your CSS and JS into single files, which will eliminate most of your render-blocking resources. It won’t be possible to eliminate all of them (this would result in worse scores), but it will help.
2. You’re currently using Google Fonts. I would make sure the Font Display setting is to to
auto: https://www.screencast.com/t/jF1wCKc2BThis option is in Customize > Typography, and assumes you’re using GeneratePress to load the Google Font.
3. Make sure that background image you’re using in the Hero of the page is optimized. If it’s a large image, it will take longer to load, and affect those paint scores.
Hope this helps!
-
Thank you both. Tom, super useful guidance; I’m going to try out your suggestions and see what happens.
-
Sounds good, let us know how it goes 🙂
- You must be logged in to reply to this topic.