• 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

Move style.css to footer for critical path

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 › General Genesis Framework Discussions › Move style.css to footer for critical path

This topic is: not resolved

Tagged: above-the-fold, critcal css

This topic contains 3 replies, has 4 voices, and was last updated by  peterjonus 3 days, 3 hours ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 22, 2021 at 12:59 pm #502783

    chakkra101
    Participant

    Hi Everyone!

    I've tried my tutorial to move style.css to footer but no luck so far.
    My plan is to add critical css to header and render style.css while loading to improve both page loading and for google scores.

    Another trick I've tried to do is unload style.css using Asset Cleanup plugin and added a custom stylesheet but I failed to load in footer.

    Please help me get through this idea.

    Thanks!

    March 7, 2021 at 8:59 am #503336

    Victor Font
    Moderator

    It looks like your post got caught up in the transition to the new form format, which is why you didn't receive and answer. To move the style sheet, try adding this to functions.php or a snippets plugin:

    remove_action( 'genesis_meta', 'genesis_load_stylesheet' );
    add_action( 'wp_footer', 'genesis_load_stylesheet' );


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 9, 2021 at 3:16 pm #503712

    guitar54
    Participant

    Global Genesis Settings have moved to the customizer as like this. You'll nevertheless have access on a in step with web page/per post foundation to the non-global settings.

    April 13, 2021 at 2:20 pm #503735

    peterjonus
    Participant

    The CSSOM is a map of the CSS, which the browser uses to style the web page. CSS being on the critical rendering path means that the browser stops

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2021 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