[Resolved] Mobile speed after switching to GeneratePress

Home Forums Support Mobile speed after switching to GeneratePress

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #983156
    maria

    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.

    #983212
    Tom
    Lead Developer
    Lead Developer

    Hi 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 šŸ™‚

    #983251
    maria

    Thanks 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.

    #983506
    Tom
    Lead Developer
    Lead Developer

    Once 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?

    #983917
    maria

    This 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.

    #984143
    maria

    I 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!

    #984415
    Tom
    Lead Developer
    Lead Developer

    Awesome!

    It looks like Font Awesome is indeed coming from your Instagram Feed plugin.

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