e01605ec37
## TIPO 4: CSS Below-the-fold (Critical Variables + Responsive) - Inyecta variables CSS críticas inline en wp_head P:-1 - Inyecta media queries críticas inline en wp_head P:2 (corregido de P:1) - Auto-regeneración cuando archivos fuente cambian (filemtime check) - Cache en Assets/CriticalCSS/ para evitar lecturas repetidas - Comando WP-CLI: wp roi-theme generate-critical-css Archivos TIPO 4: - Public/CriticalCSS/Domain/Contracts/ - Interfaces (DIP) - Public/CriticalCSS/Application/UseCases/GetCriticalCSSUseCase.php - Public/CriticalCSS/Infrastructure/Cache/CriticalCSSFileCache.php - Public/CriticalCSS/Infrastructure/Services/CriticalCSSExtractor.php - Public/CriticalCSS/Infrastructure/Services/CriticalCSSInjector.php - bin/generate-critical-css.php ## TIPO 5: CSS No Crítico (Lazy Loading) - Animaciones CSS: carga 2s después de page load via requestIdleCallback - Print CSS: carga solo al imprimir via beforeprint event - Fallback <noscript> para usuarios sin JavaScript - Safari fallback: setTimeout cuando requestIdleCallback no disponible Archivos TIPO 5: - Assets/Js/lazy-css-loader.js - Public/LazyCSSLoader/Infrastructure/Contracts/LazyCSSRegistrarInterface.php - Public/LazyCSSLoader/Infrastructure/Services/LazyCSSRegistrar.php ## Fix: Colisión de prioridades wp_head Antes: TIPO 1 (P:1), TIPO 4 responsive (P:1), TIPO 3 (P:2) - CONFLICTO Después: TIPO 1 (P:1), TIPO 4 responsive (P:2), TIPO 3 (P:3) - OK Nuevo orden de prioridades: P:-1 roi-critical-variables (TIPO 4) P:0 roi-critical-bootstrap (TIPO 2) P:1 roi-critical-css (TIPO 1) P:2 roi-critical-responsive (TIPO 4) P:3 roi-custom-critical-css (TIPO 3) P:5 roi-theme-layout-css (ThemeSettings) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
672 lines
22 KiB
PHP
672 lines
22 KiB
PHP
<?php
|
|
/**
|
|
* Enqueue Bootstrap 5 and Custom Scripts
|
|
*
|
|
* @package ROI_Theme
|
|
* @since 1.0.0
|
|
*/
|
|
|
|
// Exit if accessed directly
|
|
if (!defined('ABSPATH')) {
|
|
exit;
|
|
}
|
|
|
|
/**
|
|
* CSS no críticos que se cargarán de forma diferida (Fase 4.2 PageSpeed)
|
|
*
|
|
* Estos CSS se cargan con media="print" y onload="this.media='all'"
|
|
* para evitar bloquear el renderizado inicial.
|
|
*
|
|
* NOTA: Bootstrap AHORA está diferido porque CriticalBootstrapService
|
|
* inyecta las clases críticas (grid, navbar, utilities) inline en <head>.
|
|
* Esto permite diferir el bootstrap-subset.min.css sin causar CLS.
|
|
*
|
|
* @since 1.0.21
|
|
* @updated 1.0.23 - Bootstrap diferido gracias a critical-bootstrap.css
|
|
*/
|
|
define('ROI_DEFERRED_CSS', [
|
|
// Critical CSS inline - estos archivos se difieren
|
|
'roi-fonts', // @font-face inline en critical-bootstrap.css
|
|
'roi-bootstrap', // Critical inline via CriticalBootstrapService
|
|
'roi-variables', // Variables ahora inline en critical CSS
|
|
// Componentes específicos (below the fold)
|
|
'roi-badges',
|
|
'roi-pagination',
|
|
'roi-generic-tables',
|
|
'roi-video',
|
|
'roi-animations',
|
|
'roi-youtube-facade',
|
|
'roi-tables-apu',
|
|
// CSS globales no críticos
|
|
'roi-utilities',
|
|
'roi-accessibility',
|
|
'roi-responsive',
|
|
'bootstrap-icons',
|
|
]);
|
|
|
|
/**
|
|
* Add async loading to deferred stylesheets (Fase 4.2 PageSpeed)
|
|
*
|
|
* Converts media="print" to media="all" after load to prevent render-blocking.
|
|
*
|
|
* @since 1.0.21
|
|
* @param string $html The link tag HTML.
|
|
* @param string $handle The stylesheet handle.
|
|
* @return string Modified link tag.
|
|
*/
|
|
function roi_add_deferred_css_onload($html, $handle) {
|
|
if (!in_array($handle, ROI_DEFERRED_CSS, true)) {
|
|
return $html;
|
|
}
|
|
|
|
// Add onload attribute to switch media to "all" after load
|
|
$html = str_replace(
|
|
"media='print'",
|
|
"media='print' onload=\"this.media='all'\"",
|
|
$html
|
|
);
|
|
|
|
// Add noscript fallback for users without JavaScript
|
|
$href = preg_match('/href=[\'"]([^\'"]+)[\'"]/', $html, $matches) ? $matches[1] : '';
|
|
if ($href) {
|
|
$html .= '<noscript><link rel="stylesheet" href="' . esc_url($href) . '"></noscript>' . "\n";
|
|
}
|
|
|
|
return $html;
|
|
}
|
|
add_filter('style_loader_tag', 'roi_add_deferred_css_onload', 10, 2);
|
|
|
|
/**
|
|
* Enqueue typography system
|
|
*
|
|
* SELF-HOSTED: Fuentes Poppins ahora se cargan desde Assets/fonts/
|
|
* Eliminada dependencia de Google Fonts para:
|
|
* - Mejorar rendimiento (sin requests externos)
|
|
* - Cumplimiento GDPR (sin tracking de Google)
|
|
* - Evitar bloqueo de renderizado
|
|
*
|
|
* NOTA: @font-face críticos están inline en critical-bootstrap.css
|
|
* Este archivo ahora es DIFERIDO (solo utilidades de texto)
|
|
*/
|
|
function roi_enqueue_fonts() {
|
|
// Fonts CSS local - DIFERIDO (critical @font-face inline)
|
|
wp_enqueue_style(
|
|
'roi-fonts',
|
|
get_template_directory_uri() . '/Assets/Css/css-global-fonts.css',
|
|
array(),
|
|
'1.1.1', // Bump version: deferred loading
|
|
'print' // DIFERIDO - @font-face inline en critical CSS
|
|
);
|
|
}
|
|
|
|
add_action('wp_enqueue_scripts', 'roi_enqueue_fonts', 1);
|
|
|
|
/**
|
|
* Enqueue Bootstrap 5 styles and scripts
|
|
*
|
|
* OPTIMIZACIÓN LCP (PageSpeed Fase 5):
|
|
* - Usa bootstrap-subset.min.css (145KB) en lugar de bootstrap.min.css (227KB)
|
|
* - Reducción: 36% menos CSS para parsear
|
|
* - Generado con PurgeCSS: node build-bootstrap-subset.js
|
|
*
|
|
* NOTA: Bootstrap AHORA es DIFERIDO (media='print' + onload).
|
|
* CriticalBootstrapService inyecta inline las clases críticas:
|
|
* - Grid system (row, col-*)
|
|
* - Navbar component
|
|
* - Flexbox utilities
|
|
* - Spacing utilities
|
|
* Esto evita CLS mientras mejora LCP significativamente.
|
|
*/
|
|
function roi_enqueue_bootstrap() {
|
|
// Bootstrap CSS SUBSET - DIFERIDO (critical CSS es inline)
|
|
// Original: 227KB -> Subset: 145KB (36% reducción)
|
|
// Critical: ~20KB inline en <head> via CriticalBootstrapService
|
|
wp_enqueue_style(
|
|
'roi-bootstrap',
|
|
get_template_directory_uri() . '/Assets/Vendor/Bootstrap/Css/bootstrap-subset.min.css',
|
|
array('roi-fonts'),
|
|
'5.3.2-subset',
|
|
'print' // DIFERIDO - critical CSS inline evita CLS
|
|
);
|
|
|
|
// 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
|
|
wp_enqueue_style(
|
|
'bootstrap-icons',
|
|
get_template_directory_uri() . '/Assets/Vendor/bootstrap-icons-subset.min.css',
|
|
array('roi-bootstrap'),
|
|
ROI_VERSION,
|
|
'print'
|
|
);
|
|
|
|
// Variables CSS del Template RDash - DIFERIDO
|
|
// Variables críticas inline en critical-bootstrap.css
|
|
wp_enqueue_style(
|
|
'roi-variables',
|
|
get_template_directory_uri() . '/Assets/Css/css-global-variables.css',
|
|
array('roi-bootstrap'),
|
|
ROI_VERSION,
|
|
'print' // DIFERIDO - variables críticas inline
|
|
);
|
|
|
|
// Bootstrap JS Bundle - in footer with defer
|
|
wp_enqueue_script(
|
|
'roi-bootstrap-js',
|
|
get_template_directory_uri() . '/Assets/Vendor/Bootstrap/Js/bootstrap.bundle.min.js',
|
|
array(),
|
|
'5.3.2',
|
|
array(
|
|
'in_footer' => true,
|
|
'strategy' => 'defer',
|
|
)
|
|
);
|
|
|
|
// Dequeue jQuery if it was enqueued
|
|
wp_dequeue_script('jquery');
|
|
wp_deregister_script('jquery');
|
|
}
|
|
|
|
add_action('wp_enqueue_scripts', 'roi_enqueue_bootstrap', 5);
|
|
|
|
/**
|
|
* Enqueue main theme stylesheet
|
|
* FASE 1 - Este es el archivo CSS principal del tema
|
|
*
|
|
* OPTIMIZACIÓN PageSpeed: Diferido con media='print' + onload
|
|
* Los estilos críticos ya están en critical-bootstrap.css (inline en <head>)
|
|
* @see Shared/Infrastructure/Services/CriticalBootstrapService.php
|
|
*/
|
|
function roi_enqueue_main_stylesheet() {
|
|
wp_enqueue_style(
|
|
'roi-main-style',
|
|
get_template_directory_uri() . '/Assets/Css/style.min.css',
|
|
array('roi-variables'),
|
|
'1.0.9', // Minificado + Diferido - estilos no críticos del tema
|
|
'print' // Diferido: no bloquea renderizado
|
|
);
|
|
}
|
|
|
|
add_action('wp_enqueue_scripts', 'roi_enqueue_main_stylesheet', 5);
|
|
|
|
/**
|
|
* Agregar onload para cambiar media de 'print' a 'all' en style.css
|
|
*
|
|
* Esto permite que el CSS se cargue de forma asíncrona sin bloquear
|
|
* el renderizado inicial, mejorando LCP y FCP.
|
|
*
|
|
* @param string $html El tag link del estilo encolado.
|
|
* @param string $handle El handle registrado del estilo.
|
|
* @return string Tag link modificado
|
|
*/
|
|
function roi_defer_main_style( $html, $handle ) {
|
|
if ( 'roi-main-style' !== $handle ) {
|
|
return $html;
|
|
}
|
|
|
|
// Agregar onload para cambiar media a 'all' después de cargar
|
|
$html = str_replace(
|
|
"media='print'",
|
|
"media='print' onload=\"this.media='all'\"",
|
|
$html
|
|
);
|
|
|
|
// Agregar fallback noscript para navegadores sin JS
|
|
$html .= '<noscript><link rel="stylesheet" href="' . esc_url( get_template_directory_uri() . '/Assets/Css/style.min.css' ) . '"></noscript>';
|
|
|
|
return $html;
|
|
}
|
|
add_filter( 'style_loader_tag', 'roi_defer_main_style', 10, 2 );
|
|
|
|
/**
|
|
* Enqueue FASE 2 CSS - Template RDash Component Styles (Issues #58-64)
|
|
*
|
|
* Estilos que replican componentes del template RDash
|
|
*
|
|
* NOTA: Hero Section, Post Content y Related Posts ahora usan
|
|
* estilos generados dinámicamente desde sus Renderers.
|
|
*/
|
|
function roi_enqueue_fase2_styles() {
|
|
// Hero Section CSS - DESHABILITADO: estilos generados por HeroRenderer
|
|
// @see Public/Hero/Infrastructure/Ui/HeroRenderer.php
|
|
|
|
// Category Badges CSS - Clase genérica (Issue #62)
|
|
// DIFERIDO: Fase 4.2 PageSpeed - media='print' + onload
|
|
wp_enqueue_style(
|
|
'roi-badges',
|
|
get_template_directory_uri() . '/Assets/Css/css-global-badges.css',
|
|
array('roi-bootstrap'),
|
|
filemtime(get_template_directory() . '/Assets/Css/css-global-badges.css'),
|
|
'print' // Diferido para no bloquear renderizado
|
|
);
|
|
|
|
// Pagination CSS - Estilos personalizados (Issue #64)
|
|
// DIFERIDO: Fase 4.2 PageSpeed - below the fold
|
|
wp_enqueue_style(
|
|
'roi-pagination',
|
|
get_template_directory_uri() . '/Assets/Css/css-global-pagination.css',
|
|
array('roi-bootstrap'),
|
|
filemtime(get_template_directory() . '/Assets/Css/css-global-pagination.css'),
|
|
'print' // Diferido para no bloquear renderizado
|
|
);
|
|
|
|
// Post Content Typography y Related Posts - DESHABILITADOS
|
|
// Los estilos ahora están integrados en style.css o generados dinámicamente
|
|
}
|
|
|
|
add_action('wp_enqueue_scripts', 'roi_enqueue_fase2_styles', 6);
|
|
|
|
/**
|
|
* Enqueue Global Components CSS
|
|
*
|
|
* ARQUITECTURA: Componentes globales que aparecen en todas las páginas
|
|
* Issue #121 - Separación de componentes del style.css
|
|
*
|
|
* @since 1.0.7
|
|
*/
|
|
function roi_enqueue_global_components() {
|
|
// Notification Bar CSS - DESHABILITADO: Los estilos de la barra de notificación ahora se generan
|
|
// dinámicamente desde el TopNotificationBarRenderer basado en los valores de la BD.
|
|
// @see Public/TopNotificationBar/Infrastructure/Ui/TopNotificationBarRenderer.php
|
|
/*
|
|
wp_enqueue_style(
|
|
'roi-notification-bar',
|
|
get_template_directory_uri() . '/Assets/Css/componente-top-bar.css',
|
|
array('roi-bootstrap'),
|
|
filemtime(get_template_directory() . '/Assets/Css/componente-top-bar.css'),
|
|
'all'
|
|
);
|
|
*/
|
|
|
|
// Navbar CSS - DESHABILITADO: Los estilos del navbar ahora se generan
|
|
// dinámicamente desde el NavbarRenderer basado en los valores de la BD.
|
|
// El archivo componente-navbar.css tenía !important que sobrescribía
|
|
// los estilos configurados por el usuario en el Admin Panel.
|
|
// @see Public/Navbar/Infrastructure/Ui/NavbarRenderer.php
|
|
/*
|
|
wp_enqueue_style(
|
|
'roi-navbar',
|
|
get_template_directory_uri() . '/Assets/Css/componente-navbar.css',
|
|
array('roi-bootstrap'),
|
|
filemtime(get_template_directory() . '/Assets/Css/componente-navbar.css'),
|
|
'all'
|
|
);
|
|
*/
|
|
|
|
// Buttons CSS - DESHABILITADO: Los estilos del botón Let's Talk ahora se generan
|
|
// dinámicamente desde el CtaLetsTalkRenderer basado en los valores de la BD.
|
|
// El archivo componente-boton-lets-talk.css tenía !important que sobrescribía
|
|
// los estilos configurados por el usuario en el Admin Panel.
|
|
// @see Public/CtaLetsTalk/Infrastructure/Ui/CtaLetsTalkRenderer.php
|
|
/*
|
|
wp_enqueue_style(
|
|
'roi-buttons',
|
|
get_template_directory_uri() . '/Assets/Css/componente-boton-lets-talk.css',
|
|
array('roi-bootstrap'),
|
|
filemtime(get_template_directory() . '/Assets/Css/componente-boton-lets-talk.css'),
|
|
'all'
|
|
);
|
|
*/
|
|
}
|
|
|
|
add_action('wp_enqueue_scripts', 'roi_enqueue_global_components', 7);
|
|
|
|
/**
|
|
* Enqueue header scripts
|
|
*
|
|
* NOTA: CSS del header se genera dinámicamente desde NavbarRenderer
|
|
* @see Public/Navbar/Infrastructure/Ui/NavbarRenderer.php
|
|
*
|
|
* DESHABILITADO: header.js (2025-11-27 - Optimización TBT Fase 2.3)
|
|
* Motivo: ~90% código muerto. Los elementos que busca no existen:
|
|
* - mobile-menu-toggle: no existe (sitio usa .navbar-toggler de Bootstrap)
|
|
* - mobile-menu: no existe (usa Bootstrap collapse)
|
|
* - masthead: no existe
|
|
* - Smooth scroll duplicado de main.js
|
|
* Reducción: ~343 líneas de JS eliminadas del parsing
|
|
*/
|
|
// function roi_enqueue_header() {
|
|
// wp_enqueue_script(
|
|
// 'roi-header-js',
|
|
// get_template_directory_uri() . '/Assets/Js/header.js',
|
|
// array(),
|
|
// '1.0.0',
|
|
// array(
|
|
// 'in_footer' => true,
|
|
// 'strategy' => 'defer',
|
|
// )
|
|
// );
|
|
// }
|
|
// add_action('wp_enqueue_scripts', 'roi_enqueue_header', 10);
|
|
|
|
/**
|
|
* Enqueue generic tables styles
|
|
*
|
|
* ARQUITECTURA: Estilos para tablas genéricas en post-content
|
|
* Solo en posts individuales
|
|
*/
|
|
function roi_enqueue_generic_tables() {
|
|
// Only enqueue on single posts
|
|
if (!is_single()) {
|
|
return;
|
|
}
|
|
|
|
// ELIMINADO: Generic Tables CSS
|
|
// Motivo: Migrado a CustomCSSManager (TIPO 3: CSS Crítico Personalizado)
|
|
// Los estilos ahora se inyectan dinámicamente desde la BD via CustomCSSInjector
|
|
// Fecha: 2025-12-01
|
|
// @see Admin/CustomCSSManager/ - Sistema de gestión de CSS personalizado
|
|
// @see Public/CustomCSSManager/Infrastructure/Services/CustomCSSInjector.php
|
|
|
|
// wp_enqueue_style(
|
|
// 'roi-generic-tables',
|
|
// get_template_directory_uri() . '/Assets/Css/css-global-generic-tables.css',
|
|
// array('roi-bootstrap'),
|
|
// ROI_VERSION,
|
|
// 'print'
|
|
// );
|
|
}
|
|
|
|
add_action('wp_enqueue_scripts', 'roi_enqueue_generic_tables', 11);
|
|
|
|
/**
|
|
* Enqueue video iframe styles
|
|
*
|
|
* ARQUITECTURA: Estilos para videos embebidos (YouTube, Vimeo)
|
|
* Solo en posts individuales
|
|
*/
|
|
function roi_enqueue_video_styles() {
|
|
// Only enqueue on single posts
|
|
if (!is_single()) {
|
|
return;
|
|
}
|
|
|
|
// Video CSS
|
|
// DIFERIDO: Fase 4.2 PageSpeed - below the fold
|
|
wp_enqueue_style(
|
|
'roi-video',
|
|
get_template_directory_uri() . '/Assets/Css/css-global-video.css',
|
|
array('roi-bootstrap'),
|
|
ROI_VERSION,
|
|
'print' // Diferido para no bloquear renderizado
|
|
);
|
|
}
|
|
|
|
add_action('wp_enqueue_scripts', 'roi_enqueue_video_styles', 11);
|
|
|
|
/**
|
|
* Enqueue main JavaScript
|
|
*
|
|
* ELIMINADO: custom-style.css (Issue #131)
|
|
* Motivo: Archivo contenía 95% código duplicado de style.css y otros componentes
|
|
* Código único movido a: generic-tables.css, video.css
|
|
*/
|
|
function roi_enqueue_main_javascript() {
|
|
// Main JavaScript - navbar scroll effects
|
|
// OPTIMIZACIÓN TBT Fase 2.3: Eliminado ~300 líneas de código muerto
|
|
// Solo mantiene: navbar scroll effect (agrega clase 'scrolled')
|
|
wp_enqueue_script(
|
|
'roi-main-js',
|
|
get_template_directory_uri() . '/Assets/Js/main.js',
|
|
array('roi-bootstrap-js'),
|
|
'1.0.5', // TBT Fase 2.3: eliminado código muerto (~315 → ~25 líneas)
|
|
array(
|
|
'in_footer' => true,
|
|
'strategy' => 'defer',
|
|
)
|
|
);
|
|
}
|
|
|
|
add_action('wp_enqueue_scripts', 'roi_enqueue_main_javascript', 11);
|
|
|
|
// ELIMINADO: roi_remove_defer_from_main_js
|
|
// Motivo: wp_localize_script ya no se usa, main.js ahora puede usar defer
|
|
// Fecha: 2025-11-27 - Optimización TBT Fase 2
|
|
|
|
/**
|
|
* ELIMINADO: roi_enqueue_footer_styles
|
|
* Motivo: footer.css NO está documentado - CSS debe estar en style.css
|
|
* Ver: theme-documentation/16-componente-footer-contact-form/CSS-ESPECIFICO.md
|
|
*/
|
|
|
|
/**
|
|
* Enqueue accessibility styles and scripts
|
|
*/
|
|
function roi_enqueue_accessibility() {
|
|
// Accessibility CSS
|
|
// DIFERIDO: Fase 4.3 - no crítico para renderizado inicial
|
|
wp_enqueue_style(
|
|
'roi-accessibility',
|
|
get_template_directory_uri() . '/Assets/Css/css-global-accessibility.min.css',
|
|
array('roi-main-style'),
|
|
ROI_VERSION,
|
|
'print'
|
|
);
|
|
|
|
// Accessibility JavaScript
|
|
wp_enqueue_script(
|
|
'roi-accessibility-js',
|
|
get_template_directory_uri() . '/Assets/Js/accessibility.js',
|
|
array('roi-bootstrap-js'),
|
|
ROI_VERSION,
|
|
array(
|
|
'in_footer' => true,
|
|
'strategy' => 'defer',
|
|
)
|
|
);
|
|
}
|
|
|
|
add_action('wp_enqueue_scripts', 'roi_enqueue_accessibility', 15);
|
|
|
|
/**
|
|
* Enqueue del script de carga retrasada de AdSense
|
|
*
|
|
* Este script se encarga de detectar la primera interacción del usuario
|
|
* (scroll, click, touch, etc.) y cargar los scripts de AdSense solo
|
|
* en ese momento, mejorando significativamente el rendimiento inicial.
|
|
*/
|
|
function roi_enqueue_adsense_loader() {
|
|
// Solo ejecutar en frontend
|
|
if (is_admin()) {
|
|
return;
|
|
}
|
|
|
|
// Verificar si el retardo de AdSense está habilitado (Clean Architecture)
|
|
$is_enabled = roi_get_component_setting('adsense-delay', 'visibility', 'is_enabled', true);
|
|
|
|
if (!$is_enabled) {
|
|
return;
|
|
}
|
|
|
|
// Enqueue del script de carga de AdSense
|
|
wp_enqueue_script(
|
|
'roi-adsense-loader',
|
|
get_template_directory_uri() . '/Assets/Js/adsense-loader.js',
|
|
array(),
|
|
ROI_VERSION,
|
|
array(
|
|
'in_footer' => true,
|
|
'strategy' => 'defer',
|
|
)
|
|
);
|
|
}
|
|
|
|
add_action('wp_enqueue_scripts', 'roi_enqueue_adsense_loader', 10);
|
|
|
|
/**
|
|
* Enqueue theme core styles
|
|
*
|
|
* ELIMINADO: theme.css (Issue #125)
|
|
* Motivo: theme.css contenía código experimental y sobrescrituras Bootstrap no documentadas
|
|
* Resultado: 638 líneas eliminadas - TODO el CSS documentado va en style.css
|
|
* Fecha: 2025-01-07
|
|
*/
|
|
function roi_enqueue_theme_styles() {
|
|
// Theme Core Styles - ELIMINADO theme.css
|
|
// wp_enqueue_style(
|
|
// 'roi-theme',
|
|
// get_template_directory_uri() . '/Assets/Css/theme.css',
|
|
// array('roi-bootstrap'),
|
|
// '1.0.0',
|
|
// 'all'
|
|
// );
|
|
|
|
// Theme Animations
|
|
// MIGRADO A TIPO 5: Lazy loading via LazyCSSRegistrar (requestIdleCallback)
|
|
// Fecha: 2025-12-01
|
|
// @see Public/LazyCSSLoader/Infrastructure/Services/LazyCSSRegistrar.php
|
|
// wp_enqueue_style(
|
|
// 'roi-animations',
|
|
// get_template_directory_uri() . '/Assets/Css/css-global-animations.css',
|
|
// array('roi-bootstrap'),
|
|
// '1.0.0',
|
|
// 'print'
|
|
// );
|
|
|
|
// Theme Responsive Styles
|
|
// DIFERIDO: Fase 4.3 - media queries no críticas para primer paint
|
|
wp_enqueue_style(
|
|
'roi-responsive',
|
|
get_template_directory_uri() . '/Assets/Css/css-global-responsive.css',
|
|
array('roi-bootstrap'),
|
|
'1.1.0',
|
|
'print'
|
|
);
|
|
|
|
// Theme Utilities
|
|
// DIFERIDO: Fase 4.3 - clases utilitarias no críticas
|
|
wp_enqueue_style(
|
|
'roi-utilities',
|
|
get_template_directory_uri() . '/Assets/Css/css-global-utilities.css',
|
|
array('roi-bootstrap'),
|
|
'1.0.0',
|
|
'print'
|
|
);
|
|
|
|
// Print Styles
|
|
// MIGRADO A TIPO 5: Lazy loading via LazyCSSRegistrar (beforeprint event)
|
|
// Fecha: 2025-12-01
|
|
// @see Public/LazyCSSLoader/Infrastructure/Services/LazyCSSRegistrar.php
|
|
// wp_enqueue_style(
|
|
// 'roi-print',
|
|
// get_template_directory_uri() . '/Assets/Css/css-global-print.css',
|
|
// array(),
|
|
// '1.0.0',
|
|
// 'print'
|
|
// );
|
|
}
|
|
|
|
add_action('wp_enqueue_scripts', 'roi_enqueue_theme_styles', 13);
|
|
|
|
/**
|
|
* Enqueue social share styles
|
|
*
|
|
* DESHABILITADO: Los estilos de Social Share ahora se generan
|
|
* dinámicamente desde SocialShareRenderer basado en valores de BD.
|
|
* @see Public/SocialShare/Infrastructure/Ui/SocialShareRenderer.php
|
|
*/
|
|
// function roi_enqueue_social_share_styles() - REMOVED
|
|
|
|
/**
|
|
* Enqueue APU Tables styles - ASYNC LOADING
|
|
*
|
|
* OPTIMIZACIÓN: Los estilos críticos de tablas APU (anchos de columna, filas especiales)
|
|
* están en critical-bootstrap.css que se inyecta inline en <head> via CriticalBootstrapService.
|
|
*
|
|
* Este CSS completo carga de forma ASYNC para no bloquear el renderizado:
|
|
* - media="print" evita bloqueo inicial
|
|
* - onload="this.media='all'" aplica estilos cuando termina de cargar
|
|
*
|
|
* @see Assets/Css/critical-bootstrap.css - CSS crítico inline
|
|
* @see Shared/Infrastructure/Services/CriticalBootstrapService.php
|
|
*/
|
|
// ELIMINADO: roi_enqueue_apu_tables_styles y roi_async_apu_tables_css_tag
|
|
// Motivo: Migrado a CustomCSSManager (TIPO 3: CSS Crítico Personalizado)
|
|
// Los estilos de tablas APU ahora se inyectan dinámicamente desde la BD
|
|
// via CustomCSSInjector en wp_footer con id="roi-custom-deferred-css"
|
|
// Fecha: 2025-12-01
|
|
// @see Admin/CustomCSSManager/ - Sistema de gestión de CSS personalizado
|
|
// @see Public/CustomCSSManager/Infrastructure/Services/CustomCSSInjector.php
|
|
|
|
// function roi_enqueue_apu_tables_styles() {
|
|
// wp_enqueue_style(
|
|
// 'roi-tables-apu',
|
|
// get_template_directory_uri() . '/Assets/Css/css-tablas-apu.css',
|
|
// array('roi-bootstrap'),
|
|
// ROI_VERSION,
|
|
// 'print'
|
|
// );
|
|
// }
|
|
// add_action('wp_enqueue_scripts', 'roi_enqueue_apu_tables_styles', 5);
|
|
|
|
// function roi_async_apu_tables_css_tag($tag, $handle) {
|
|
// if ($handle === 'roi-tables-apu') {
|
|
// $tag = str_replace(
|
|
// "media='print'",
|
|
// "media='print' onload=\"this.media='all'\"",
|
|
// $tag
|
|
// );
|
|
// $noscript_url = get_template_directory_uri() . '/Assets/Css/css-tablas-apu.css?ver=' . ROI_VERSION;
|
|
// $tag .= '<noscript><link rel="stylesheet" href="' . esc_url($noscript_url) . '"></noscript>';
|
|
// }
|
|
// return $tag;
|
|
// }
|
|
// add_filter('style_loader_tag', 'roi_async_apu_tables_css_tag', 10, 2);
|
|
|
|
/**
|
|
* Enqueue APU Tables auto-class JavaScript
|
|
*
|
|
* DESHABILITADO: Este script causaba CLS de 0.692 en Lab Data.
|
|
* La manipulación del DOM con JS después de DOMContentLoaded causa Layout Shift.
|
|
*
|
|
* La lógica ha sido movida a PHP server-side en Inc/apu-tables.php
|
|
* @see roi_add_apu_row_classes()
|
|
*
|
|
* Issue #132 - Original implementation
|
|
*/
|
|
// function roi_enqueue_apu_tables_autoclass_script() {
|
|
// // APU Tables Auto-Class JS
|
|
// wp_enqueue_script(
|
|
// 'roi-apu-tables-autoclass',
|
|
// get_template_directory_uri() . '/Assets/Js/apu-tables-auto-class.js',
|
|
// array(),
|
|
// ROI_VERSION,
|
|
// array(
|
|
// 'in_footer' => true,
|
|
// 'strategy' => 'defer',
|
|
// )
|
|
// );
|
|
// }
|
|
// add_action('wp_enqueue_scripts', 'roi_enqueue_apu_tables_autoclass_script', 15);
|
|
// DISABLED: Moved to server-side PHP to prevent CLS
|
|
|
|
/**
|
|
* Enqueue CTA Box Sidebar styles (Issue #36)
|
|
*
|
|
* DESHABILITADO: Los estilos del CTA Box Sidebar ahora se generan
|
|
* dinámicamente desde CtaBoxSidebarRenderer basado en valores de BD.
|
|
* @see Public/CtaBoxSidebar/Infrastructure/Ui/CtaBoxSidebarRenderer.php
|
|
*/
|
|
// function roi_enqueue_cta_box_sidebar_assets() - REMOVED
|
|
|
|
/**
|
|
* Enqueue TOC Sidebar styles (only on single posts)
|
|
*
|
|
* DESHABILITADO: Los estilos del TOC ahora se generan
|
|
* dinámicamente desde TableOfContentsRenderer basado en valores de BD.
|
|
* @see Public/TableOfContents/Infrastructure/Ui/TableOfContentsRenderer.php
|
|
*
|
|
* @since 1.0.5
|
|
*/
|
|
// function roi_enqueue_toc_sidebar_assets() - REMOVED
|
|
|
|
/**
|
|
* Enqueue Footer Contact Form styles
|
|
*
|
|
* DESHABILITADO: Los estilos del Contact Form ahora se generan
|
|
* dinámicamente desde ContactFormRenderer basado en valores de BD.
|
|
* @see Public/ContactForm/Infrastructure/Ui/ContactFormRenderer.php
|
|
*/
|
|
// function roi_enqueue_footer_contact_assets() - REMOVED
|
|
|