[wp-trac] [WordPress Trac] #58810: Allow giving priority to a block style for wp_maybe_inline_styles()

[WordPress Trac]

#58810: Allow giving priority to a block style for wp_maybe_inline_styles()
---------------------------+------------------------------
 Reporter:  asafm7         |       Owner:  (none)
     Type:  enhancement    |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Script Loader  |     Version:
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:  performance
---------------------------+------------------------------

Comment (by westonruter):

 The minified stylesheet is 16,081 bytes, which is indeed quite close to
 the 20,000 byte limit for `wp_maybe_inline_styles()`. I do see on a
 vanilla install that the only external stylesheet is for the Navigation
 block's CSS (see
 [https://github.com/WordPress/gutenberg/blob/072a09dcea16d088e0f1bd49de884845d92ad777/packages
 /block-library/src/navigation/style.scss Gutenberg source]).

 Note that while this is a render-blocking issue, it wouldn't be a CLS
 issue.

 I tried increasing the `styles_inline_size_limit` to 31,422 bytes to allow
 the navigation stylesheet to be inlined.

 Here are median TTFB-LCP over 10 requests with and without network
 throttling:

 ||        ||= Before =||= After =||= Diff =||
 ||= No Throttle =||  49.05|| 48.75|| -0.6% ||
 ||= Fast 3G =||  1201.00|| 1193.85|| -0.6% ||
 ||= Slow 3G =||  4226.5|| 4223.90|| -0.1% ||

 So I don't really see the render blocking being a significant problem
 here.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/58810#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform