Render-blocking JavaScript and CSS

Hi,

This is wat I have on WP:

ommon.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
yoast-seo-admin-global-script | http://rares-mag.com/wp-content/plugins/wordpress-seo/js/dist/wp-seo-admin-global-320.min.js
td_wp_admin | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_edit_page.js
td_wp_admin_demos | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_demos.js
td_page_options | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_page_options.js
td_tooltip | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/tooltip.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles

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://rares-mag.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

This is what I have on Google pagespeed test:

http://fonts.googleapis.com/…n+Sans%3A300%2C400%2C600%2C700&ver=4.4.2
http://fonts.googleapis.com/…%2C700italic%2C400%2C300%2C700&ver=4.4.2
http://rares-mag.com/…assets/css/js_composer.min.css?ver=4.9.2
http://rares-mag.com/…ntent/themes/Newsmag/style.css?ver=2.3.6

Please help find the ID. I don’t have other plugins installed.

Thank you.

Hi

i’ve checked your site with google’s page speed tool and noticed that you don’t have any render blocking resources. If you check it for mobiles there appear some resources but google is very restrictive when it comes from page-speed on mobile devices and may interpret some thing in a different way.
Google penalize your site because images are not optimized: http://screencast.com/t/m4m0Vi3Hj9j Check our documentation for more details about image optimization: https://forum.tagdiv.com/how-to-make-the-site-faster/ and also have a look at google’s docs: https://developers.google.com/speed/docs/insights/OptimizeImages

Thanks!

Hi Andrei and thank you for your reply.

I know about the images but my issue is the one I have mentioned abouve. Please check again because there is “Eliminate render-blocking JavaScript and CSS in above-the-fold content” issue.

Above I have reproduced your tutorial and asked to help me to solve this issue as we are not pros, if we were like you, you wouldn’t be here, right?

I look forward to hearing from you.

Hi

Indeed there are some resources which are still loaded in header. Among these resources it’s WordPress jQuery file which seems that can’t be moved in footer using our Speed Booster. I will make some additional investigations on this and get back to you as soon as possible.
Meanwhile try to improve your page-speed by optimizing the images from your site.

Thanks!

• This reply was modified 10 years by Andrei L..

To find the IDs, go to homepage and “view page source”, are there, as in dashboard you can’t see IDs from main site, and remove -css. And please tell us if you fixed also style.css.

• This reply was modified 10 years by cstyn.
• This reply was modified 10 years by cstyn.

Hi

I’ve made an additional tests using Speed Booster plugin. By adding this code: http://screencast.com/t/jnZQRyqy0KoU in td-speed-booster.php file the plugin move all theme’s css file to the footer. It also moves the google fonts and Visual Composer’s css file: http://screencast.com/t/BHgnBsDk Also jQuery file it’s moved automatically in footer when the plugin it’s enabled, this is a correction to my previous reply.

$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google_font_roboto_cond');
$this->move_style_to_footer_queue('js_composer_front');
$this->move_style_to_footer_queue('td-theme');

Before making any changes in plugin’s file check its status under System status panel and make sure it is active: http://screencast.com/t/zONMbMWql If the plugin is inactive comment this code from td-speed-booster.php file to make it active: http://screencast.com/t/VHE9iuEqgc

I hop this helps.
Thanks!