Improving Load Times Using Google's "PageSpeed Insights"

I’m using Google’s “PageSpeed Insights” tool to analyze a site that I’m building. I’m getting decent scores for the desktop experience (83/100) but the mobile rating is much lower (63/100). There are a number of recommendations, (Remove render-blocking JavaScript, Optimize CSS delivery, etc. See attached screenshots for more extensive lists.), but I’m not sure how to actually make any of these improvements. Has anyone run into similar problems and have insights in how to fix them? Thank you!

3 Likes

Looks like it gets bogged down by Google’s own fonts request. Try to remove the google fonts from the site and see if that improves the speed for mobile.

1 Like

That helped significantly! The mobile score jumped up to 86 and the desktop jumped up to 92. Thanks for such a quick reply!

Sure thing @ryanjames! Glad it helped.

After having the same issues that ryanjames did I started playing with my fonts and must have royally screwed up because my speed score dropped 10 points. Any advice is appreciated. Thank you.

Can anyone advise on how to help with these issues?

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Leverage browser caching

Minify JavaScript

Enable compression

1 Like

We will need to know more about your situation.

What is you hosting environment like? Are you hosting externally or with Webflow?

What kind or embedded code are you using?

Hi @thesergie and @ryanjames and perhaps also @cyberdave?
Im going through similar hardship here, how do i remove Google fonts from the site?

Im having these javascripts causing the issue on PageSpeed Insights -

https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js
https://daks2k3a4ib2z.cloudfront.net/0globals/modernizr-2.7.1.js

And Optimize CSS Delivery of the following:

https://daks2k3a4ib2z.cloudfront.net/551c104b4be0da8f6de9f430/css/penblue.webflow.d59e4b005.css

http://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic

I removed all classes that are using Montserrat fonts or Lato fonts or any other fonts for that matter, i downloaded just random fonts (ttf) added them to webflow and still i am having this problem.
Google is still pulling the webfont.js.

Help.

Thanks,
Nir

Hi @Nir,

You can enable minification of your CSS file by going to your Hosting tab:

As for the Google webfont, there isn’t anything you can do except remove webfonts from your site. Modernizer is for IE9 support and it has to be in the <head>.

2 Likes

Hi @brryant thank you for the answer.
How do i remove webfonts?
Iv used custom fonts, and not using any of the webflow provided fonts. But its still pulling the script.

I had the same issue as you,
THE FIX: Some font styles will be displaying the “A” in the designer a Blue color. This means some Google fonts are still publishing to the primary class. You have to go through all classes that show the ‘Blue’ “A” in the designer and remove the style. Once done, the ‘Blue’ “A” turns yellow/amber meaning no other linked classes are inherited and you will be free from Google Fonts loading!

I am working on making my website better, now that it’s sorta done.

I did a test with https://developers.google.com/speed/pagespeed/insights/?url=windmillstudios.co&tab=mobile

And it came up with a lot of speed issues.

I wanted to minize the css files to start with, since I am not using extra fonts, but that is only for a higher up plan and I am not gonna pay double, while I am already paying 5 dollars extra per site I host at webflow.

Is this really the only way to improve page speed? I thought webflow said, that with the new hosting servers, they have the fastest hosting available??

@thewonglv @cyberdave

@Aimanisms:

2 Likes

Thanks @brryant for responding. I will check out the article, moz is really cool for SEO stuff, got a lot of seo info there :slight_smile:

Cleanup of pagespeed threads from search results.

This question has already been asked multiple times on this forum.

Please start by reading these topics:

Here is an explanation about PageSpeed from Webflow’s CTO: