Google page speed test - poor results on blocs site


#1

Hi,

I’ve just run a google page speed test on a site I built with blocks and I’m getting a poor score of 53/100 fr page speed load on both the mobile and desktop versions of the site.

I’m getting the following messages:

This page is not optimized and is likely to deliver a slow user experience.
Please prioritize and apply the recommendations below: Is there a way to fix these things within blocs as the app writes the code for you?

Possible Optimizations

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

Prioritize visible content

Leverage browser caching

Minify JavaScript [for this I have enabled the minify the javascript checkbox in the project settings]

any help would be much appreciated.

Thanks

Pete


#2

One relatively simple step you can take would be to sign up for CloudFlare, which has built in options for much of this that can all be handled via an online user interface with a free option.

On a different note I wouldn’t be too obsessed by PageSpeed Insights, because it does have some limitations. As an example, it might hammer your score because half a dozen images could apparently be a fraction smaller, but it practically ignores the speed of your server. Google often makes a lot of contradictory demands as well.

CloudFlare will allow you to leverage the browser cache or failing that it can be done via .htaccess. It can also minify code and a lot more, but I’d be interested to know if there is any way to eliminate render blocking content above the fold and prioritise visible content.

In some cases it should be pointed out that these blocks combine to take just a fraction of a second, so it’s important to keep a sense of perspective.


#3

This is tricky because the animation triggers in Blocs are handled by JS so if you move these after the HTML rendering, animations don’t work correctly when you first visit the site.


#4

Hi Guys,

thanks for the info and heads up re cloud flare.

will take a look

Cheers

Pete


#5

@Pete

Just for the fun of it, I just tested the page I am currently working on.

  1. Using the German language version of the Google page speed test, my site got 86/100 for desktop and 72/100 for mobile
  2. Using the Englisch version, my site only got 79/100 for desktop and 71/100 for mobile

Weird, isn’t it? This can mean a couple of things.

a. Germans are faster (OK, there is the Autobahn (no speed limit!!!) but I didn’t know the internet is taking it :wink: )
b. The test of the English version of the test is run from a different server, goes through more hops to reach the site hosted in Germany and therefore the results are poorer (just a wild guess but seems a likely explanation)

May be the test is just going through a series of hops to reach your site as well?

For your comparison, here are the Possible Optimizations results I got:

_