fix(icons): cargar bootstrap-icons como CSS crítico

- Remover bootstrap-icons de ROI_DEFERRED_CSS
- Cambiar media='print' a media='all'
- Solo 4.4KB - no impacta PageSpeed significativamente
- Elimina flash/parpadeo de iconos en carga inicial

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-12-02 10:40:16 -06:00
parent 7472dbad11
commit 9e37ea93eb

View File

@@ -41,7 +41,7 @@ define('ROI_DEFERRED_CSS', [
'roi-utilities',
'roi-accessibility',
'roi-responsive',
'bootstrap-icons',
// NOTA: bootstrap-icons REMOVIDO de diferido - ahora crítico para evitar flash
]);
/**
@@ -131,13 +131,13 @@ function roi_enqueue_bootstrap() {
// Bootstrap Icons CSS - SUBSET OPTIMIZADO (Fase 4.1 PageSpeed)
// Original: 211 KB (2050 iconos) -> Subset: 13 KB (104 iconos) = 94% reduccion
// DIFERIDO: Fase 4.3 - no crítico para renderizado inicial
// CRITICO: Carga inmediata para evitar flash de iconos (4.4KB)
wp_enqueue_style(
'bootstrap-icons',
get_template_directory_uri() . '/Assets/Vendor/bootstrap-icons-subset.min.css',
array('roi-bootstrap'),
ROI_VERSION,
'print'
'all' // CRITICO - no diferir para evitar parpadeo de iconos
);
// Variables CSS del Template RDash - DIFERIDO