Support » Plugin: Gutenberg » How move Gutenberg CSS to footer?

  • Resolved Paul Rayden

    (@paul-rayden)


    Hi

    I can not move the default style of Gutenberg in the header to the footer to improve the loading speed of the site. Any ideas?

    <link rel=’stylesheet’ href=’xxxxxxxxxxxx/gutenberg/build/core-blocks/style.css’ type=’text/css’ media=’all’ />

    Thank you

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Marius L. J.

    (@clorith)

    Hiya,

    You ideally shouldn’t do that, as styles are built to be loaded first. This is so you have the framework for elements on your page to go into (if you don’t have the styles first, elements are loaded as plain text in a long list, and then styled after the fact, causing elements to move after load, giving a very bad user experience).

    I think you might better focus on speeding up the HTML part (PHP and database) and serving images at the size you are showing them, not just some CSS files.

    Hello everyone, thanks for answering!

    @clorith for that there is the CSS Critical Path.

    @ramon-fincken everything you mention we have 100% optimized, but recently the appearance of Gutenberg made us lose even up to 6% seo speed with some of our customers. Our promise is to give 100/100 in most cases. And I’m surprised that the css of this official plugin does not support the most frequent modifications such as wp_enqueue_scripts, wp_print_scripts, wp_print_head_scripts, etc. to move the CSS to the footer without the need to edit the plugin internally.

    ——
    Does anyone know any solution to what is stated in the first message ?. Thank you!

    ps:
    Also, I can not convince myself that it is necessary to have wp-json enabled so that the plugin works correctly and does not throw a blank page inside the panel.

    Moderator Marius L. J.

    (@clorith)

    the WP-JSON API is needed because that’s what we use for everything in Gutenberg, from fetching the post to edit, to saving the post.

    If you absolutely want to move CSS around, you will have to dequeue it, and then add it in manually in wp_footer or similar.

    thx @clorith

    ramon fincken

    (@ramon-fincken)

    You could dequeue indeed and show it inline, that saves 1 request.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How move Gutenberg CSS to footer?’ is closed to new replies.