Dear Sir/Madame,
I am facing a theme speed issue after adding custom CSS to my theme, from the theme panel. Initial speed, without the custom CSS, is 94/97 on Speed Insights which is super.
Upon adding the custom CSS I get these 6 strange render-blocking CSS which where not there before:
http://astropaideia.wpengine.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.8
http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Roboto+Condensed:300,300italic,400,400italic,700,700italic&ver=3.4
http://astropaideia.wpengine.com/wp-content/plugins/jetpack/_inc/genericons/genericons/genericons.css?ver=3.1
http://astropaideia.wpengine.com/wp-content/plugins/jetpack/css/jetpack.css?ver=5.0
http://astropaideia.wpengine.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=5.1.1
http://astropaideia.wpengine.com/wp-content/themes/Newsmag/style.css?ver=3.4
As a result the website speeds down by 79/91, which is great, but why not speed up more (I mean your theme has amazing speed).
Even if I deactivate all erelevant plugins like Jetpack or Contact Form 7, I still get render 4 blocking sources (which I don’t get without the custom code)
http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Roboto+Condensed:300,300italic,400,400italic,700,700italic&ver=3.4
http://astropaideia.wpengine.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=5.1.1
http://astropaideia.wpengine.com/wp-content/themes/Newsmag/style.css?ver=3.4
I followed your instructions here but I cannot seem to find these particular CSS that causes this
https://forum.tagdiv.com/how-to-make-the-site-faster/
Based on your instruction I added to the td-speed-booster.php the following code
//@todo test on newsmag
$this->move_style_to_footer_queue(‘contact-form-7’);
$this->move_style_to_footer_queue(‘jetpack’);
$this->move_style_to_footer_queue(‘js_composer_front’);
$this->move_style_to_footer_queue(‘Newsmag’);
but the issue persists.
Unfortunately I cannot use WP Cache on my server because it does not support the plugin. I can use other 3rd party plugins to optimize (Autoptimize, Above the fold) but that will only take me to 84%.
Any suggestions?
Am I doing something wrong??
My website url is this one:
http://astropaideia.wpengine.com/
Thank you for the great theme,
Dimitris Belegris
Generally the only way to eliminate the render blocking with Google fonts, is to move the CSS into top of your style.css to load fonts “directly” vs loading the .css sheet off Google’s CDN.
You can also try adding your custom CSS to bottom of style.css vs adding to theme panel.
Finally, you can also ‘view source’ on your page to see WHAT is actually loading at top/bottom of rendered post pages.
Not sure that helps or not.
