[wp-trac] [WordPress Trac] #63018: Increase styles_inline_size_limit from 20, 000 bytes

[WordPress Trac]

#63018: Increase styles_inline_size_limit from 20,000 bytes
---------------------------+-------------------------------
 Reporter:  westonruter    |       Owner:  westonruter
     Type:  enhancement    |      Status:  accepted
 Priority:  normal         |   Milestone:  6.9
Component:  Script Loader  |     Version:  5.8
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:  css, performance
---------------------------+-------------------------------

Comment (by westonruter):

 I've gathered some initial research via modifications to the `benchmark-
 web-vitals` tool as described here: https://github.com/GoogleChromeLabs
 /wpp-research/pull/201

 I've attached a graph above that depicts the uncached LCP-TTFB versus the
 cached LCP-TTFB as the `styles_inline_size_limit` increases from 0 to
 100,000 bytes. Here is the raw data:

 ||= styles_inline_size_limit =||= uncached =||= cached =||
 || 0|| 1473.6|| 129.1||
 || 10000|| 612.0|| 134.9||
 || 20000|| 563.8|| 136.7||
 || 30000|| 422.6|| 147.5||
 || 40000|| 419.0|| 167.6||
 || 50000|| 414.4|| 165.4||
 || 60000|| 409.4|| 179.7||
 || 70000|| 433.1|| 200.4||
 || 80000|| 434.5|| 194.8||
 || 90000|| 316.9|| 217.3||
 || 100000|| 308.5|| 219.0||


 There is 87,650 bytes of inlinable CSS on the page. When it is all
 inlined, then there are zero render-blocking stylesheets present. I tested
 on `trunk` (r61008) with the Twenty Twenty-Five theme active.

 This data seems to show that increasing the limit from 20K to 50K makes
 sense.

 I'll go ahead and make that initial increase, and we can further tune
 during beta based on additional benchmarking and testing.

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