perf: defer style.css - eliminate last render-blocking CSS

- Add site structure, accessibility, typography to critical-bootstrap.css
- Defer roi-main-style (style.css) with media='print'
- Goal: 0 blocking CSS files (was 1 file, 19KB)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-11-29 12:19:26 -06:00
parent b4071bf598
commit 9afdd6ee1d
2 changed files with 68 additions and 2 deletions

View File

@@ -29,6 +29,7 @@ define('ROI_DEFERRED_CSS', [
'roi-fonts', // @font-face inline en critical-bootstrap.css
'roi-bootstrap', // Critical inline via CriticalBootstrapService
'roi-variables', // Variables ahora inline en critical CSS
'roi-main-style', // Critical base inline via CriticalBootstrapService
// Componentes específicos (below the fold)
'roi-badges',
'roi-pagination',
@@ -178,8 +179,8 @@ function roi_enqueue_main_stylesheet() {
'roi-main-style',
get_template_directory_uri() . '/Assets/css/style.css',
array('roi-variables'),
'1.0.5', // Arquitectura: Separación de responsabilidades CSS
'all'
'1.0.6', // DIFERIDO - critical base inline via CriticalBootstrapService
'print' // DIFERIDO - media='print' → onload="this.media='all'"
);
}