Oleksii Siniaiev
RU UK ES EN
Navegación de la página del artículo

Artículo del blog · Artículos

Depuración de un sitio en producción tras despliegue con IA — lo que ve el navegador vs lo que desplegaste

Tras desplegar un portfolio construido con IA, encontré menús rotos y contenido desbordado — por optimización CSS del servidor. Cómo un agente de IA lo arregló todo en una sesión.

Publicado: March 24, 2026 Actualizado: March 24, 2026 1 min de lectura
Enviar un mensaje Ver proyectos

Despliegas el sitio. Todo perfecto en el portátil. En el móvil — menú roto, badges como viñetas, contenido desbordado.

Bug 1: Navegación de escritorio en móvil

El servidor entregaba CSS diferente — 38,886 bytes en lugar de 53,378. UCSS de LiteSpeed eliminaba reglas.

Bug 2: Skills como viñetas

Solo 250 de 311 reglas CSS cargadas. Secciones del portfolio eliminadas.

Bug 3: Contenido desbordando

Gutenberg inyectaba width inline. Solución: overflow: hidden, width: 100% !important.

Bug 4: Contraste WCAG

Colores corregidos para cumplir WCAG AA.

Conclusión

El bug más sorprendente — el hosting corrompía el CSS. Siempre verifica que el navegador recibe lo que desplegaste.

Compartir este artículo

LinkedIn X Email

Explorar más

Flowchart showing the correct incident response steps when secrets are leaked in Git

April 11, 2026

Cuando un secreto filtrado en Git acabó reescribiendo cuatro años de historial

Una historia real de claves API filtradas, un git filter-branch en pánico que reescribió…

March 21, 2026

Cómo construí y desplegué un tema de WordPress personalizado con agentes de IA en menos de 6 horas

Resumen visual del proyecto: código, resultado final y asistencia de IA en un mismo…

March 21, 2026

Nginx y Apache para rendimiento y escalabilidad

A medida que los negocios y la audiencia se vuelven cada vez más digitales,…