Hi Movin,
Over the last few days I have been optimizing the site installing W3 Total Cache and doing some other customization. Google PageSpeed reports 81/100 for Desktop and 74/100 for Mobile.
All good, however I am now struggling to increase the score further, especially for mobile, because items left to deal with are removing render-blocking resources, CSS and JavaScript.
I had a look at the demo Activello and ran it through PageSpeed, and notice that this render blocking resource is already there.
Remove render-blocking JavaScript:
https://colorlib.com/…-includes/js/jquery/jquery.js?ver=1.12.4
https://colorlib.com/…s/jquery/jquery-migrate.min.js?ver=1.4.1
https://colorlib.com/…ivello/inc/js/modernizr.min.js?ver=4.5.3
https://colorlib.com/…ivello/inc/js/bootstrap.min.js?ver=4.5.3
https://colorlib.com/…ivello/inc/js/functions.min.js?ver=4.5.3
Optimize CSS Delivery of the following:https://colorlib.com/…t-form-7/includes/css/styles.css?ver=4.5
https://colorlib.com/…ets/css/woocommerce-layout.css?ver=2.6.4
https://colorlib.com/…ss/woocommerce-smallscreen.css?ver=2.6.4
https://colorlib.com/…rce/assets/css/woocommerce.css?ver=2.6.4
https://colorlib.com/…ello/inc/css/bootstrap.min.css?ver=4.5.3
https://colorlib.com/…o/inc/css/font-awesome.min.css?ver=4.5.3
https://fonts.googleapis.com/…%2C700%7CMaven+Pro%3A400%2C700&ver=4.5.3
https://colorlib.com/…tivello/inc/css/flexslider.css?ver=4.5.3
https://colorlib.com/…ent/themes/activello/style.css?ver=4.5.3
https://colorlib.com/…lugins/jetpack/css/jetpack.css?ver=4.1.1
The question is how can this be removed or managed without breaking or changing the site? The main area I would like to improve is the mobile rating.
Any thought would be appreciated.
Thanks for your great work.