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

[Hunter]

I noticed my site was running slow and used Google PageSpeed Insights. It scored a 71/100 in mobile, 85/100 on desktop. I can live with the desktop score, but the mobile score worries me.

In the Should Fix category, it states:

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

Your page has 1 blocking script resources and 3 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.

Remove render-blocking JavaScript:
http://hunterhadfield.com/wp-content/cache/minify/000000/M9bPKixNLarUMYYydHMz04sSS1L1cjPzAA.js

Optimize CSS Delivery of the following:
http://hunterhadfield.com/wp-content/cache/minify/000000/M9BPTixKycxLzNEvLqnMSdUxQAgkFxfrF6UWF-TnFWeWpQIA.css
http://fonts.googleapis.com/css?family=Lato%7CSource+Sans+Pro%3A300%2C700%7CMontserrat%3A700&subset=latin&ver=1454839141
http://hunterhadfield.com/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/contact-form-7/includes/css/styles.css,wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/page-builder.min.css,wp-content/plugins/swift-framework/includes/swift-slider/assets/css/swift-slider.min.css,wp-content/themes/cardinal/css/bootstrap.min.css,wp-content/themes/cardinal/css/ss-gizmo.css,wp-content/themes/cardinal/css/font-awesome.min.css

I have installed both BWP Minify and W3 Total Cache to try and change this, but I’m unsure what exactly I should be doing to get rid of the above problems.

Any suggestions would be helpful. Thank you!

[David Martin – Support]

Hi,

I would not recommend minifying or combining your JS files. This can seriously impact the functionality of the site.

You can see if you can use W3 Total Cache to minify those CSS assets, that is safer to do. Also ask your host if gzip / mod_deflate is enabled – that will also help you.

Thanks.

[Hunter]

Hi David, thank you for the response!

I checked with GoDaddy and according to their support pages mod_deflate is enabled by default.

I have disabled BWP Minify as well.

My pagespeed insight for mobile still tops out at 72/100 with the same errors from my previous post. Any chance around this?

Thank you!

[David Martin – Support]

Hi,

The render blocking JS looks to be output by the cache, does the cache have an option to move the JS to the footer?

Thanks.

[Hunter]

This reply has been marked as private.

[David Martin – Support]

Hi,

I would not recommend moving or combining the JS files (unless you can work with a developer) as it can have a serious impact on the website appearance. The theme JS files are loaded a specific order and changing this can have a knock on effect visually and with other plugin which load their own files.

Thanks,
David.

[Hunter]

This reply has been marked as private.

[David Martin – Support]

Your load time for me is 1.48s which is fast, with a perfect grade of 92/100.

http://tools.pingdom.com/fpt/#!/eCzzjR/http://hunterhadfield.com/.

One thing you consider is switching to WPEngine hosting, they are specialised in WP hosting and are well known for making it super charged. I say this because looking at your report the yellow time bars indicate the server is slightly ing lagging, but we are talking MS not seconds.

You can look to optimise images further: https://en-gb.wordpress.org/plugins/wp-smushit/ and serve images through a CDN such as MaxCDN.

Thanks.

[Hunter]

This reply has been marked as private.

[David Martin – Support]

Great, all the best!

– David.