- This topic has 6 replies, 2 voices, and was last updated 4 years, 8 months ago by Tom.
-
AuthorPosts
-
August 13, 2019 at 9:07 am #983156maria
I have switched my website to the GeneratePress theme. According to Google Test My Site and Google Developer Page Speed Insights, the previous mobile version of the website loaded in under 1 second, but is now taking 2.7 seconds to load.
Before switching to GeneratePress, I had already been using various plugins to speed up the website (Autoptimize, Async JavaScript, WP Rocket). I am still using those plugins, without changing the previous settings.
I chose GeneratePress partly on the recommendation of Kinsta, and am not clear on why the mobile website is now so slow.
August 13, 2019 at 10:01 am #983212TomLead DeveloperLead DeveloperHi there,
I’m seeing a few issues:
1. You have a lot of render-blocking resources. Usually, Autoptimize will take care of these, but it looks like you haven’t enabled that option. Check out this article to see our recommended Autoptimize settings: https://generatepress.com/fastest-wordpress-theme/
2. You’re loading the entire Font Awesome library. You can turn this off in “Customize > General” by choosing the “Load essential icons only” option.
3. You have multiple JS requests to Facebook, which are taking a long time: https://www.screencast.com/t/KmIbg2kj
If you fix the above, you should see a drastic improvement.
Let me know 🙂
August 13, 2019 at 11:01 am #983251mariaThanks for the tips.
Correction: When I went to Customize > General, I initially saw option to Load Essential Icons only. Once I had selected this option, however, the entire option subsequently disappeared. I’m wondering if this is a bug?
When I go to Customize > General, I don’t see an option to Load Essential Icons only. Instead, I get the following options:I’m a bit mystified by the Facebook code. I trying removing all Facebook-related code (hook and side widget) from the homepage of the staging site, but the Facebook code is still there. I also checked Google Tag Manager to see if I was inadvertently calling Facebook in that way, but I don’t see the Facebook code there either.
August 13, 2019 at 5:01 pm #983506TomLead DeveloperLead DeveloperOnce I had selected this option, however, the entire option subsequently disappeared. I’m wondering if this is a bug?
This is intended, as that feature was discontinued a while back due to its overall size/performance.
I’m still seeing one Facebook request in your HTML. It could be one of your plugins maybe?
August 14, 2019 at 7:35 am #983917mariaThis is intended, as that feature was discontinued a while back due to its overall size/performance.
Even though I’ve selected the option to Load Essential Icons only, Google PageSpeed Insights is still giving me an error message that all Font Awesome Icons are being loaded.
The remaining FB code might be from the Instagram plugin, since Instagram is owned by Facebook. I’m reluctant to disable the plugin since my client likes the Instagram widget. In the past, I was able to get a good score on Google PageSpeed Insights while displaying both the FB and Instagram widgets, so I will try to speed up the site without removing that functionality.
August 14, 2019 at 9:12 am #984143mariaI was able to cut the load time in half by implementing your suggestions, and also by selecting the Images > Lazy Load option within Autoptimize. Thanks for your help!
August 14, 2019 at 4:36 pm #984415TomLead DeveloperLead DeveloperAwesome!
It looks like Font Awesome is indeed coming from your Instagram Feed plugin.
-
AuthorPosts
- You must be logged in to reply to this topic.