[Prose] Eliminate render-blocking JavaScript and CSS

[tfmwa]

Hello,

A buddy and I use Prose for our sites.

I'm looking to sort out 3 points brought up by the Google Page Speed tool related to "Eliminate render-blocking JavaScript and CSS in above-the-fold content".

I've come across a few other topics where the answers mostly came down to "make sure your images are optimized and don't bother too much with the script notices". But I'd still like to ask for help regarding the calls below for a persistent friend:

/wp-includes/js/jquery/jquery.js?ver=1.11.3
/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
these seem to be core Genesis Framework calls (they are still there when Prose is inactive and Genesis is activated).

and a third custom call that's processed through the Prose theme Custom Code section in the WordPress dashboard.

I found this post: http://www.wpbeginner.com/wp-tutorials/how-to-move-javascripts-to-the-bottom-or-footer-in-wordpress/

I understand that within Genesis and/or Prose certain functions are being run in certain places to make everything come together. And that by moving or tweaking these functions or calls, the order in which they are loaded on the frontend can be changed. But that's as far as I get. I'm not able to spot the right items in all the theme files or make sense of what causes what and where exactly.

I tried searching in "all files" in the theme directories and subdirectories for Genesis and Prose on my hard drive using Notepad++ for anything related to these calls, but came up with no results. Probably doing it wrong.

If you are willing to point us in the right direction in moving these script calls further down the page (if possible) related to Genesis/Prose specifically, both my friend and I will be very grateful for your time and expertise.

Thanks for reading!

[Christoph]

Hi,

as you already mentioned, the energy spent on this is much better spent writing good content and marketing the website.

The jQuery is not included from Genesis or Prose but from WordPress (as is also indicated by the folder name /wp-includes)

You can try using caching plugins like W3 Total Cache or plugins that are loading scripts asynchronously

https://wordpress.org/plugins/scripts-to-footerphp/
https://wordpress.org/plugins/async-javascript/

You have to make sure you are not breaking functionality or design when using caching or script loading plugins.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[tfmwa]

I very much appreciate your answer since you feel it's not the highest priority a website owner should have. 🙂

Thanks for clarifying where the jQuery comes from. And for the two links to the plugins, knowing the right keywords like async and defer to use for additonal research has helped a lot. Everything makes a lot more sense now, including the asynchronous Google Analytics code. I never made that connection until now.

I also found a lot of mentions of https://wordpress.org/plugins/autoptimize/ and I think we'll be using that plugin to try and improve more than just js loading times and positions.

Thank you very much for taking the time to help us with this issue and for your overall contributions to the Studiopress and WordPress community. I hope it helps future users who come to the forum looking for an answer as well (please leave a reply and thank you if it does!)

[Christoph]

You are welcome and thank you for your kind words.
Good luck with autoptimize.
Always check layout and functionality. 😉

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts