Hello tagDiv Team,
some questions about the “Speed Booster Plugin”…
Of course speed of a site is a big thing. So it’s for me. But I must admit, that I am a bit confused on how to use it! The new version included into the new theme version seems to be incompatible with nearly every single plugin I use on my site.
Starting with a very popular add-on for visual composer, a faster version of disqus, a very helpful (and popular) security plugin, and so on … If I would disable these plugins, I can stop serving my site!
The thing is, that the system status tool tells me, that the “Speed Booster” is disabled, because these plugins are installed.
So what should I do now? I just can’t stop using visual tables on my site (for example), as they are a very important piece of our content. We are an informative magazine into parenting and family. So we need these visual extras …
But of course we also need a running and stable site! So what are our alternatives? Deleting the Speed Booster, and using a caching Plugin?
I really love the newspaper theme. But it is very annoying, that some parts seems to be so deeply hardcoded, that you cannot replace them with alternatives. For example the Speed Booster component, or the header menu. I have tried to use the uber-menu in the past. And I am quite sure, that the is still no chance to use it with version 6 of the theme …
Best regards
Torsten
Hi,
We added a list with plugins with which we tested the Speed Booster plugin, it automatically disables itself if a new plugin is installed. This measure was added to prevent plugin conflict/failure for the average user. This plugin was intended for advanced user, it requires modifications on the code to add new resources (js and css) which are moved to the bottom of the page and conflicts may appear because some plugins may cause issues when you try to move their resources at the page bottom. If the things would have been easier we would make this an automatic process with no need to edit files and make error checking tests with each plugin.
There’s no need to disable all those plugins, you have to add them to the list and check if they work when Speed Booster is enabled. – http://screencast.com/t/q0VwS4g41F
You also have to follow the steps added in the documentation to add into SpeedBooster the resources coming from those plugins and see if there are any errors when they are moved at the bottom – https://forum.tagdiv.com/how-to-make-the-site-faster/
The Speed Booster plugin doesn’t replace the cache plugin, it just moves javascript and css at the bottom of the page. So you have to use a cache plugin, we recommend using WP Super Cache.
Thank you, Emil G.
I have registered Akismet, WordPress SEO Premium, WP-Optimize and OIO Ad Manager. Status of Speedbooster changed to “Active” but there is no change in the outcome. Like before, 2 Javascript and 8 CSS resources are still appearing as Render Blocking in pagespeed insights.
The blocking scripts include (i) jquery.js?ver=1.11.2 and (ii) jquery-migrate.min.js?ver=1.2.1
While blocking styles include (i) Contact-Form-7 (2) 3 Google fonts (3) js_composer.css? (4) Newspaper Style.css (5) Jetpack.cssand (6) OIO Ad manager.
Looking at the plugin code I can see that many of the styles are already moved to footerlike
if ($this->td_theme_name == 'Newspaper') {
// wp 011 - Newspaper 6
//$this->move_style_to_footer_queue('bbp-default-bbpress'); //bpress old
//$this->move_style_to_footer_queue('bbp-default'); //bpress
$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google_font_roboto');
$this->move_style_to_footer_queue('contact-form-7');
if ($this->is_ie === false) {
// move style.css theme style
Any idea what is going on?
Hi,
You need to add there the CSS and JS of your plugins, but careful, because not all plugins will work with JS to footer or css.
Just add a new line like this:
$this->move_style_to_footer_queue('');
and write the ID of the css, js that you want to move.
Here is an example for the bbPress css http://screencast.com/t/eFq9PKcDus this is the ID
Hope this help!
Thanks for the message!
Here is my code in TD Speed booster plugin However, all these resources are still returning as “Render Blocking”
function css_mover() {
if ($this->td_theme_name == 'Newspaper') {
// wp 011 - Newspaper 6
//$this->move_style_to_footer_queue('bbp-default-bbpress'); //bpress old
//$this->move_style_to_footer_queue('bbp-default'); //bpress
$this->move_style_to_footer_queue('contact-form-7-css');
$this->move_style_to_footer_queue('google_font_roboto-css');
$this->move_style_to_footer_queue('google-fonts-style-css');
$this->move_style_to_footer_queue('js_composer_front-css');
$this->move_style_to_footer_queue('td-theme-css');
Suggestions please
Hi,
What you have in render blocking? I have only this: http://screencast.com/t/lfaL3Yb1ECDF
Interesting…I am still getting 7 render blocking CSS resources (after clearing site and browser cache)
https://www.dropbox.com/s/e0ac7vvnaeun5wu/Screenshot%202015-06-24%2020.01.46.png?dl=0
Regards
Azhar
Hi,
Please remove the -css from each section http://screencast.com/t/vrKbSEO2UJ and see if work.
@Marius..
Yes…removing -css portion did it.Now I have 1 blocking script and 3 blocking css resources. Blocking script belongs to WP Pro Advertising System while CSS includes (i) Google Fonts (ii) JS Composer and (iii)Main theme stylesheet.
Can you please guide me
i. How to make Javascript move to footer
ii. Can I (should I) remove any of the the three blocking CSS resources?
Regards
Azhar Nadeem
Hi,
You need to edit here for the js: http://screencast.com/t/AtcEqjuaide
I don’t know about google font how to be removed, but you can try to search on google about that:
https://wordpress.org/support/topic/still-getting-eliminate-render-blocking-js-and-css
https://www.igvita.com/2014/01/31/optimizing-web-font-rendering-performance/
Thanks Marius
I have resolved the issues of blocking Google Fonts but still having a hard time configuring blocking script (Wp Ad System) and 2 blocking CSS resources (Js_Composer & Style.css).
Kindly advise if the two CSS resources can be optimized with affecting styling of the site.
Kindly help regarding blocking Javascript.
https://www.dropbox.com/s/50uqstwun1u74n6/Screenshot%202015-06-30%2008.57.16.png?dl=0
https://www.dropbox.com/s/8bsycipt3souyo0/Screenshot%202015-06-30%2008.59.41.png?dl=0
Hi,
This is not the right way to get the script’s id: https://www.dropbox.com/s/8bsycipt3souyo0/Screenshot%202015-06-30%2008.59.41.png?dl=0 for that you need to use the function provided in our page speed guide (forth section): http://screencast.com/t/QBLRliM54jA – https://forum.tagdiv.com/how-to-make-the-site-faster/
Thanks
Hi Lucian
I am aware of the procedure to get the script and CSS id’s. However, this particular script is not appearing in the list. Although, a stylesheet related with this plugin (wpproads_standard_admin) is appearing in the list.I am providing a list of ID’s below for review and help.
ommon.min.js
wp-color-picker | /wp-admin/js/color-picker.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
devicepx | http://s0.wp.com/wp-content/js/devicepx-jetpack.js
wpseo-admin-global-script | http://www.sportscourant.com/wp-content/plugins/wordpress-seo-premium/js/wp-seo-admin-global.min.js
td_wp_admin | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_edit_page.js
td_wp_admin_demos | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_demos.js
td_page_options | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_page_options.js
td_tooltip | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/tooltip.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
wpproads_standard_admin | http://www.sportscourant.com/wp-content/plugins/wp_pro_ad_system/templates/css/admin_standard.css
wp-color-picker | /wp-admin/css/color-picker.min.css
admin-bar | /wp-includes/css/admin-bar.min.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/css/wp-admin.css
thickbox | /wp-includes/js/thickbox/thickbox.css
jetpack-icons | http://www.sportscourant.com/wp-content/plugins/jetpack/css/jetpack-icons.min.css
Perhaps helped myself by identifying script handle. The script is appearing at line 1163 instead of line 60 in souce file. However, it is still being shown as render blocking by Google Pagespeed Insights.
Hi,
You could try to play with the priority, some plugins may load after it and that’s why it doesn’t return all js – http://screencast.com/t/7fhfjttAT8
http://codex.wordpress.org/Function_Reference/add_action
Thanks
Hey,
Just discovered the real issue behind why we usually are not able to find the correct .js and .css id for adding it to the td-speed-booster.php
Like me, We all usually copy the “Registered .JS and Registered .CSS code” that appear on the top of the WordPress admin page where we have just added the “code” in functions.php code.
Actually it displays only those .CSS and .JS codes that loads under WordPress Admin Dashboard panel. To find the actual codes, you must visit either your homepage or any post and then copy the “Registered .JS and Registered .CSS ” file into a text.
Hope it helps 🙂
Cheers!
Hi,
Please follow this topic: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
Thanks.
Hello,
I have bought the Newspaper theme tonight. When I checked status, I saw this error :
Speed Booster v4.7 – Disabled – incompatible plugin detected: td-composer/td-composer.php
Isn’t it a little bit ridiculous that your plugin is incompatible with your another plugin which is necessary for your theme?
Hello,
Sorry for the inconvenience. The speedbooster was not yet adapted to the new theme implementation. IT needs to be updated as well. We will update the plugin in the next theme version.
Until such time you can use this topic to remove the compatibility detect on the speedbooster plugin: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
Thank you!
Speed Booster v4.9.3 – Disabled – incompatible plugin detected: cloudflare-flexible-ssl/plugin.php
Hi,
Please check this topic
-> https://forum.tagdiv.com/topic/newspaper-7-speed-booster/
You can make the speed booster to be always active
-> – https://www.screencast.com/t/qJQ0vMuJ
Here you can check a similar topic:: -> https://forum.tagdiv.com/topic/newspaper-7-speed-booster/
Thank you!
