From 90ac8a16ccd897300ef8b64f28449573641efb7b Mon Sep 17 00:00:00 2001 From: FrankZamora Date: Thu, 27 Nov 2025 11:56:08 -0600 Subject: [PATCH] perf: Agregar min-height a Hero Section para reducir CLS MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Leer campos min_height, title_min_height, badge_min_height del schema - Aplicar min-height a .hero-section (120px) - Aplicar min-height a .hero-section__title (3rem) - Aplicar min-height a .hero-section__badge (32px) Fase 1 del plan de optimizaciĆ³n PageSpeed (99-pagespeed-optimization-plan.md) šŸ¤– Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- Public/Hero/Infrastructure/Ui/HeroRenderer.php | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/Public/Hero/Infrastructure/Ui/HeroRenderer.php b/Public/Hero/Infrastructure/Ui/HeroRenderer.php index db8416e1..8f970168 100644 --- a/Public/Hero/Infrastructure/Ui/HeroRenderer.php +++ b/Public/Hero/Infrastructure/Ui/HeroRenderer.php @@ -104,6 +104,9 @@ final class HeroRenderer implements RendererInterface $marginBottom = $spacing['margin_bottom'] ?? '1.5rem'; $badgePadding = $spacing['badge_padding'] ?? '0.375rem 0.875rem'; $badgeBorderRadius = $spacing['badge_border_radius'] ?? '20px'; + $minHeight = $spacing['min_height'] ?? '120px'; + $titleMinHeight = $spacing['title_min_height'] ?? '3rem'; + $badgeMinHeight = $spacing['badge_min_height'] ?? '32px'; $boxShadow = $effects['box_shadow'] ?? '0 4px 16px rgba(30, 58, 95, 0.25)'; $titleTextShadow = $effects['title_text_shadow'] ?? '1px 1px 2px rgba(0, 0, 0, 0.2)'; @@ -119,6 +122,7 @@ final class HeroRenderer implements RendererInterface 'box-shadow' => $boxShadow, 'padding' => "{$paddingVertical} 0", 'margin-bottom' => $marginBottom, + 'min-height' => $minHeight, ]); $cssRules[] = $this->cssGenerator->generate('.hero-section__title', [ @@ -129,6 +133,7 @@ final class HeroRenderer implements RendererInterface 'text-shadow' => $titleTextShadow, 'margin-bottom' => '0', 'text-align' => 'center', + 'min-height' => $titleMinHeight, ]); $cssRules[] = $this->cssGenerator->generate('.hero-section__badge', [ @@ -144,6 +149,7 @@ final class HeroRenderer implements RendererInterface 'text-decoration' => 'none', 'display' => 'inline-block', 'transition' => 'all 0.3s ease', + 'min-height' => $badgeMinHeight, ]); $cssRules[] = $this->cssGenerator->generate('.hero-section__badge:hover', [