Hi, i’m trying to use speedboost to fix render blocking issues,
using your code to put in functions.php this is what I got:
registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
dashboard | /wp-admin/js/dashboard.min.js
customize-loader | /wp-includes/js/customize-loader.min.js
plugin-install | /wp-admin/js/plugin-install.min.js
media-upload | /wp-admin/js/media-upload.min.js
thickbox | /wp-includes/js/thickbox/thickbox.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
wpseo-admin-global-script | http://blogvoyage.io/wp-content/plugins/wordpress-seo/js/wp-seo-admin-global-302.min.js
td_wp_admin | http://blogvoyage.io/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://blogvoyage.io/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://blogvoyage.io/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://blogvoyage.io/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_edit_page.js
td_wp_admin_demos | http://blogvoyage.io/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_demos.js
td_page_options | http://blogvoyage.io/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_page_options.js
td_tooltip | http://blogvoyage.io/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/tooltip.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
thickbox | /wp-includes/js/thickbox/thickbox.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
wpseo-wp-dashboard | http://blogvoyage.io/wp-content/plugins/wordpress-seo/css/dashboard-305.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://blogvoyage.io/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
and pagespeed insights…
Notice that those js/css in pagespeed insights does not appear in registered scripts.
Can you guide me on how to fix this?
Hi,
Please follow this guide to use speedbooster: https://forum.tagdiv.com/how-to-make-the-site-faster/
Please note that speedbooster has a compatibility function inside it’s code that causes it do deactivate if your plugin is not on the list. There is a workaround though. You can remove this code: http://screencast.com/t/RZLIOPUNdqh if you want to use it with any plugin.
I hope this helps.
Thanks
Hi, let me clarify. my speedbooster plugin is activated in system status. I already did what you stated. the problem is the code in functions.php … the js and css in pagespeed insights doesn’t appear in the registered scripts generated by functions.php. I can’t get the id of the plugins to be put in speedboost plugin.
Hello,
In this case you need to add a priority to the function: https://developer.wordpress.org/reference/functions/add_action/
Add the priority number in the add_action hook (default is 10) Lower numbers correspond with earlier execution.
You need to set it to execute after all of the other functions are executed so you need to add a larger number for the priority.
For example:
add_action( 'wp_print_scripts', 'td_inspect_script', 20 );
If it still cannot grab all of the render blocks, then use an even higher value.
I hope this helps.
Thanks.
hi, i’m sorry but im not familiar with wordpress syntax yet. So I need to put it on functions.php right? then how can i reference the js/css that appeared in pagespeed syntax?
Hi,
This is covered here https://forum.tagdiv.com/how-to-make-the-site-faster/.
Please follow every step from the speedbooster section and check the example images.
What I suggested above is that you add an extra parameter here: http://screencast.com/t/rdp7FWe9S
Simply replace the last bit of code with the one above and use it like before. If all the render blocks do not appear yet, add a greater number than 20 in there and test again.
Thanks.
Hi, as I stated, i already generated the registered script(or render blocks that you are referring). refer from my first post. What I’m asking is their difference. What appears in pagespeed insights, doesn’t appear in the registered scripts.
Hello, I’m having a similar issue. I followed all the steps but am not finding the corresponding id in any of the line items returned in the text file. When I try to target the css and js using the code provided the codes aren’t found but Page insights shows 15 render blocking scripts.
Not sure what to do now.
Thanks,
Tenaya
Hello,
@both
Please read my replies as I have provided a solution for this already. You need to add an extra parameter to the function provided in the tutorial. Please add the priority value I showed above and generate the id’s again. Use a higher number for the priority if you still cannot get all the id’s. The thing is some render blocks will load after the function will retrieve the data so they will not be picked up. If you set the priority like I instructed, the function will delay it’s result further so more id’s will get displayed.
Thank you!
Hi, i’m sorry but i think the fault is, i’m getting the registered scripts of the dashboard instead of the homepage. I seem to the scripts now. But another problem is the speedboost doesnt seem to work.
Here’s my system status
I deleted the cache content in wp-content > cache
however, pagespeed still shows the render block
here is my code added in speedbooster:
pagespeed seems to return the same renderblock error on the scripts i added. Also the default scripts like jquery etc..
I already tried in different browsers.
I did include the priority tag and increased the number up to 50 with no luck.
I would love to try and implement all of those steps on my site, unfortunately, I have no clue what I’m doing and I’d surely mess things up.
As of right now, when I do the page speed testing, my site sits around a 50/100 for both desktop and mobile. I would love to have someone try and speed up my site if possible. I’d be willing to donate to anyone willing to help. Preferably someone from the tagDiv team.
Just implement steps here: https://forum.tagdiv.com/how-to-make-the-site-faster/
It would be better if you’re on VPS hosting.
Mine is at 86% could go higher if only i can solve this render-blocking issue đ
Pauuuu, that’s what I’m talking about. That’s too advanced for me.
Hello,
Speedbooster was only meant to work with these plugins: http://screencast.com/t/j63CFacdFc That is why it has the “protection” in it’s code. It’s not meant to work with other plugins so we cannot guarantee it’s success. Please try speedbooster with just the plugins on that list and see if the problem is still there. (you can remove the protection (as shown above) and have it work with other plugins but we cannot guarantee it will move those plugin render-blocks to the footer)
@12sea Unfortunately we cannot offer any services likle that. You will have to hire a freelancer to do it.
Thank you!
Where is the functions.php file located?
Hi,
The functions.php file is in the main theme folder. Simply access your site’s files in wp-content/themes/newspaper/functions.php
Thank you!
