CSS file is slowing my site speed. I have looked into the source files of newspaper to get it to the footer or load it async.
How to move the CSS below to the footer?
“https://**.com/wp-content/plugins/td-composer/css-live/assets/css/td_live_css_frontend.css?ver=4.8”
Hi,
This can be moved in the footer with the Speedbooster plugin
– https://forum.tagdiv.com/how-to-make-the-site-faster/
The Speedbooster does a check before activating itself and if it detects plugins outside of a predefined list, it will not be active. This is the list of plugins
– https://www.screencast.com/t/GTc5n4JwTQ
Due to an oversight the tagDiv composer was not included in the allowed plugin list. The problem will be fixed as soon as possible.
There is a workaround that would allow to remove that condition, and make the Speedbooster work at all times
– https://forum.tagdiv.com/topic/speed-booster-not-compatible-with-vaultpress/
And then follow the instructions in the guide to move the desired styles to the footer.
Thanks
Yes I have been reading that but it does not solve my problem. Speedbooster is active but this is about a single CSS rule that needs to be loaded in the footer.
Hi,
The Speedbooster will move the styles to the end of the page. Configuring it like this will move the composer as well
– https://www.screencast.com/t/0hqXQ6ygcgJ
Please note that the tagDiv composer should not have such an impact on page speed, when compared to Visual composer for example.
Thanks
It worked!
How about jquery.js, how can I move it to footer?
/**
* move javascript to footer
*/
$this->move_js_to_footer(‘themepunchtools’);
$this->move_js_to_footer(‘revmin’);
$this->move_js_to_footer(‘vc_woocommerce-add-to-cart-js’);
$this->move_js_to_footer(‘jquery’);
//$this->move_js_to_footer(‘comment-reply’);
this seems not to work.
Hi,
The guide provided above explains how to move different stylesheets and scripts, using the Speedbooster plugin. Follow the steps, and enter the code as specified in the functions file. You will see a list with all the css and js that are loaded on your website and their Id’s. The rest of the instructions are provided with details in the same guide.
Thanks
It’s still block rendering jquery no matter I try your guide
Hi,
Maybe the mentioned resources cannot be moved. The Speedbooster is meant to work only with an allowed set of plugins, it may not work properly with all the plugins. If you have tried following the guide without success, it could be the case that those cannot be moved.
Thanks
