Slow pagespeed. Eliminate render-blocking JavaScript?

[wheelingit]

Hi all,

I just uploaded my new site using Lifestyle Pro theme and I'm getting some pretty horrible page-speeds. One of the problems is my pic sizes (which I'm trying to work on), but another problem is that Google is flagging render blocking javascript ?

These ones:
Eliminate render-blocking JavaScript
http://wheelingit.us/…-includes/js/jquery/jquery.js?ver=1.11.2
http://wheelingit.us/…s/jquery/jquery-migrate.min.js?ver=1.2.1
http://wheelingit.us/…tyle-pro/js/responsive-menu.js?ver=1.0.0

Anyone know how to fix these????

Also I'm seeing following CSS issues
Optimize CSS Delivery of the following:
http://wheelingit.us/…t/themes/lifestyle-pro/style.css?ver=3.1
http://wheelingit.us/…includes/css/dashicons.min.css?ver=4.2.1
http://fonts.googleapis.com/…Sans%3A400%2C700%7CHandlee%3A400&ver=3.1
http://wheelingit.us/…gets/image-widget/style.css?ver=20140808
http://wheelingit.us/…widgets/top-posts/style.css?ver=20141013
http://wheelingit.us/…/plugins/jetpack/css/jetpack.css?ver=3.5

Any pointers???

Nina

http://wheelingit.us

[Christoph]

Hi Nina,

optimizing the images is most important.

To help with the js and css you can try a caching plugin.
W3 Total Cache, WP Super Cache, WP-Rocket.me,...

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[wheelingit]

Hi Christoph,

Thanks. My hosting service (Dreampress) doesn't advise a caching plugin since it might conflict w/ the built-in Varnish cache that they use on their servers (at least that's what they're telling me). Do you know anyway to modify the code to remove whatever is blocking?

Nina

[Christoph]

Hi Nina,

it can be tricky to setup caching plugins correctly with Varnish.
The only one I would even try for that is W3 Total Cache.
You could use this plugin just to minify javascript and css and turn off all the other caching options.

If you don't want to go the caching plugin road, here are some links for helping with the JavaScript:
seo-hacker.com/optimizing-site-speed-asynchronous-deferred-javascript/
wordpress.org/plugins/wp-deferred-javascripts/
wordpress.org/plugins/asynchronous-javascript/

To minify JavaScript and CSS:
wordpress.org/plugins/bwp-minify/
wordpress.org/plugins/wp-super-minify/

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[wheelingit]

Thank you Christoph! I'll play around with it!!

Nina

[coralseait]

As Christoph said, focus most of your energy on image optimization - it is way higher priority than render blocking scripts and css. Once you have images nailed, then move on to the js / css.

---

Coral Sea IT

[wheelingit]

Thanks coralseait. I've tried running an image optimizer (EWWW), but it seems to have done very little (almost nothing) to improve my loading speed. My blog is pretty image-heavy, so I'm not sure there is much I can do without degrading image quality. I guess I may just have to live with it?

Nina

[Author]

Posts