TagDiv Speed Boosterplugin Issues

Posted in: Newsmag
Post count: 6

Just did a fresh install on my site, starting from scratch to avoid what may have been some security issues before. I’m making a concerted effort to secure and optimize the site before adding any content or doing any major customizations.

I’m using the guide here to try and improve page speed: https://forum.tagdiv.com/how-to-make-the-site-faster/

Under section 4. Remove render blocking css/js – using the TagDiv Speed Boosterplugin (Advanced Users) I’m running into some issues.

1. I’ve installed the Speed Booster plug-in and activated it.
2. I’ve copied and pasted the suggested code into very bottom of NewsMag’s functions.php file (there’s another functions.php that the guide is talking about, is there?) and saved.
3. I’ve copy/pasted the output at the top of the page into a text file, which reads:

registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
wp-pointer | /wp-includes/js/wp-pointer.min.js
wordfenceAdminjs | http://madlymanly.com/wp-content/plugins/wordfence/js/tourTip.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
sucuriscan | http://madlymanly.com/wp-content/plugins/sucuri-scanner/inc/js/sucuriscan-scripts.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
td_wp_admin | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_edit_page.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
wp-pointer | /wp-includes/css/wp-pointer.min.css
colors | 1
ie | /wp-admin/css/ie.min.css
sucuriscan | http://madlymanly.com/wp-content/plugins/sucuri-scanner/inc/css/sucuriscan-default-css.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://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
thickbox | /wp-includes/js/thickbox/thickbox.css
wpalchemy-metabox | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/content-metaboxes/meta.css
jetpack-icons | http://madlymanly.com/wp-content/plugins/jetpack/css/jetpack-icons.min.css

4. Deleted the code from step 2, then saved.
5. Re-ran the Google Test and it spat out the following results:

Remove render-blocking JavaScript:

http://madlymanly.com/wp-includes/js/jquery/jquery.js?ver=1.11.2
http://madlymanly.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1

Optimize CSS Delivery of the following:

http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.2.2
http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.2.2
http://madlymanly.com/wp-content/plugins/js_composer/assets/css/js_composer.css?ver=4.4.4
http://madlymanly.com/wp-content/themes/Newsmag/style.css?ver=1.7.1

6. When I went back to output from what I did in step 3 above, I didn’t notice any corresponding file names for the issues that needed to be fixed. For instance, in the Google report, it suggests jquery files, but when you search the code section of step 3, I couldn’t find anything that said “jquery”. Same thing for css like “Roboto”.

I noticed in the code comments within the Booster plug-in that it looks like it is still being tested on NewsMag:

/**
* Move the style only on newspaper
* @todo move the style also on newsmag after we fix all the issues
*/

Thoughts? Thank you for the help!

  • This topic was modified 11 years by MrChill.
Post count: 6600

Hi,

The jQuery script isn’t moved to the footer when using the revolution slider plugin as it’s causing issues with it so it stays in the head section triggering the notification from google.
Theme’s styles aren’t moved to the footer as it causes styling issues and we still need to find a solution for it but the rest of styles can be moved by adding the stylesheet id in the speed booster plugin, like instructed in the guide, here: http://screencast.com/t/w0DKH8p0o3B

Thanks

Post count: 19

Hi Lucian,

I use the Newsmag theme for my site http://www.pollupdates.com. I need to move five Styles to the footer. I followed your instructions and used the code below but to no benefit. Google PageSpeed still shows all five Styles to block rendering the content above the fold.

$this->move_style_to_footer(‘contact-form-7’);
$this->move_style_to_footer(‘wp-polls’);
$this->move_style_to_footer(‘google_font_open_sans’);
$this->move_style_to_footer(‘google_font_roboto_cond’);
$this->move_style_to_footer(‘js_composer_front’);
$this->move_style_to_footer(‘td-theme’);

Can you please help me.

Best,

Soumitra

Post count: 6535

Hi

Note that in Speed Booster V 4.1 the move_style_to_footer function was renamed to move_style_to_footer_queue so the code should be like here:

$this->move_style_to_footer_queue(‘contact-form-7’);

Thanks!

Post count: 19

I changed the code as you have mentioned but zero result.

best,

Post count: 6535

Hi

It may be an incompatibility issue so please check this topic, I have posted a solution here: https://forum.tagdiv.com/topic/speed-booster-v4-1-disabled/

Thanks!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newsmag’ is closed to new topics and replies.