• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

[Prose] Eliminate render-blocking JavaScript and CSS

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › [Prose] Eliminate render-blocking JavaScript and CSS

This topic is: not resolved

Tagged: google page speed, performance, Prose, render-blocking, speed

  • This topic has 3 replies, 2 voices, and was last updated 7 years, 3 months ago by Christoph.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 17, 2016 at 5:22 am #179225
    tfmwa
    Participant

    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!

    February 17, 2016 at 10:36 am #179246
    Christoph
    Member

    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

    February 17, 2016 at 2:58 pm #179269
    tfmwa
    Participant

    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!)

    February 17, 2016 at 11:43 pm #179289
    Christoph
    Member

    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
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble