Respuesta corta: Minificar quita lo que el código no necesita para funcionar, como comentarios, espacios y reglas repetidas, para que los archivos CSS, JavaScript y HTML pesen menos. Hazlo en tu compilación o con la configuración de tu plataforma, y deja que el servidor comprima lo que queda. Lighthouse marca los archivos CSS y JavaScript sin minificar.
Qué quita la minificación
web.dev describe la minificación como quitar los caracteres innecesarios y redundantes que hacen que el código fuente sea legible para las personas. No es estrictamente un algoritmo de compresión.
Los navegadores no necesitan los comentarios del código, así que quitarlos del CSS, el HTML y el JavaScript reduce el tamaño de transferencia de la página. También pueden irse los espacios y las tabulaciones, salvo donde la página los necesita, como los espacios del texto HTML que lee la gente.
Un minificador de CSS inteligente también puede unir reglas que repiten un selector. web.dev advierte que esto no siempre se puede aplicar de forma agresiva, porque los selectores a menudo se repiten a propósito, por ejemplo dentro de las consultas de medios.
En el ejemplo de web.dev, una página HTML pequeña con su CSS y su JavaScript pasa de 516 a 204 caracteres, un ahorro de alrededor del 60%.
Chrome for Developers muestra un ejemplo de CSS: dos reglas con el mismo color de fondo se convierten en una. Para el navegador, las dos versiones funcionan igual, y la segunda usa menos bytes. Algunos minificadores van más allá y acortan el color #000000 a #000.
Cómo marca Lighthouse los archivos sin minificar
Cuando ejecutamos PageSpeed Insights el 8 de noviembre de 2026, usó Lighthouse 13.6.0. En el informe en español de Latinoamérica y Estados Unidos, estas auditorías se llaman Reduce el uso de CSS y Reducir el uso de JavaScript.
Chrome for Developers dice que cada auditoría enumera los archivos sin minificar, junto con el posible ahorro en kibibytes (KiB).
En el caso del CSS, Lighthouse estima el ahorro a partir de los comentarios y los espacios en blanco que encuentra. Chrome for Developers lo llama una estimación conservadora: un minificador puede ahorrar más de lo que indica Lighthouse.
Minificar el JavaScript puede reducir el tamaño de la carga útil y el tiempo de análisis de los scripts, según Chrome for Developers. Nuestra guía de PageSpeed Insights explica cómo leer el resto de ese informe.
Cómo minificar tu código
Para un sitio pequeño que no actualizas a menudo, Chrome for Developers dice que probablemente puedes usar un servicio en línea. Pegas tu CSS y te devuelve una versión minificada.
Para los desarrolladores profesionales, propone un flujo de trabajo automatizado que minifique el CSS antes de cada implementación. Por lo general, se hace con una herramienta de compilación como Gulp o Webpack.
Para el JavaScript, menciona Terser como una herramienta de compresión popular. Dice que webpack v4 incluye un complemento para ella de forma predeterminada, para crear archivos de compilación minificados.
En WordPress, varios complementos pueden concatenar, minificar y comprimir tus estilos y tus scripts. Chrome for Developers sugiere, si es posible, hacer la minificación de forma anticipada con un proceso de compilación.
web.dev añade que puedes mantener el código fuente legible y bien formateado aparte del código optimizado que publicas. Los mapas de origen te dan una vista legible de ese código de producción.
Minifica y comprime
Minificar y comprimir se suman: web.dev dice que comprimir además de minificar puede dar ahorros adicionales.
En su tabla, jQuery 3.7.1 pasa de 302 KiB a 69 KiB con Brotli, y su archivo minificado, de 85 KiB a 27 KiB.
web.dev también compara las versiones de un framework: la versión de desarrollo de Angular 1.8.3 tiene casi 1.4 megabytes, y su versión de producción, 177 kilobytes.
Desde Lighthouse 13, la revisión de la compresión de texto está en la estadística Latencia de solicitud de documentos. Nuestra guía de compresión gzip explica cómo activar la compresión.
Minificar no es quitar el CSS que no se usa
Lighthouse revisa el CSS que una página no usa en una auditoría aparte, Reduce el código CSS sin usar. Chrome for Developers dice que enumera las hojas de estilo con CSS sin usar.
De forma predeterminada, un navegador debe descargar, analizar y procesar todas las hojas de estilo externas que encuentra antes de mostrar cualquier contenido. El CSS sin usar también hace más lenta la construcción del árbol de renderización.
La pestaña Cobertura de DevTools de Chrome puede ayudarte a distinguir el CSS crítico del que no lo es. Nuestra guía de velocidad web explica las otras formas de hacer que tus páginas carguen más rápido.
A nuestro juicio, revisa tus páginas después de activar la minificación: el diseño, los menús y los formularios deben funcionar como antes.
Minifica tu CSS y tu JavaScript, paso a paso
- Ejecuta PageSpeed Insights en una página y busca las auditorías Reduce el uso de CSS y Reducir el uso de JavaScript.
- Activa la minificación en tu herramienta de compilación, o en la configuración o el complemento de tu plataforma.
- Publica los archivos minificados y guarda los archivos fuente legibles para editarlos.
- Borra tus cachés y comprueba que tus páginas se ven y funcionan como antes.
- Vuelve a ejecutar PageSpeed Insights en la página que probaste.
Los pasos 1 a 3 siguen a Chrome for Developers y a web.dev. Los pasos 4 y 5 son nuestro consejo.
Antes de darlo por terminado
- Las auditorías Reduce el uso de CSS y Reducir el uso de JavaScript ya no enumeran tus archivos.
- Tu compilación o tu plataforma minifica cada versión nueva de forma automática.
- Editas los archivos fuente legibles, no los minificados.
- Tu servidor comprime los archivos minificados con Brotli o gzip.
- Tus páginas se ven y funcionan como antes.
- Revisaste también la auditoría Reduce el código CSS sin usar.
RecuerdaMinificar quita del CSS, el JavaScript y el HTML lo que los navegadores no necesitan. Hazlo de forma automática en tu compilación o tu plataforma, comprime lo que queda y revisa tus páginas después.
Con nuestro servicio de diseño web, construimos tu web pensando en la velocidad desde la primera página: imágenes del tamaño de la pantalla, pocos plugins y caché.
Preguntas sobre minificar CSS, JavaScript y HTML
¿Minificar cambia cómo se ve o funciona mi web?
No debería. Chrome for Developers muestra un ejemplo de CSS minificado que funciona igual para el navegador y solo usa menos bytes. web.dev advierte que unir reglas repetidas no siempre se puede aplicar de forma agresiva, porque los selectores a menudo se repiten a propósito. A nuestro juicio, revisa tus páginas después de activarlo.
¿Cuánto más pequeño queda el código minificado?
Depende del código. En el ejemplo de web.dev, una página pequeña pasa de 516 a 204 caracteres, un ahorro de alrededor del 60%. La versión de desarrollo de Angular 1.8.3 tiene casi 1.4 megabytes, y su versión de producción, 177 kilobytes.
¿También debo minificar el HTML?
web.dev aplica la misma idea al HTML que al CSS y al JavaScript. Los comentarios de HTML pueden irse, y también los espacios y las tabulaciones, salvo los que la página necesita, como los espacios del texto que lee la gente.
¿Qué herramientas minifican CSS y JavaScript?
Chrome for Developers menciona herramientas de compilación como Gulp o Webpack para el CSS, y Terser para el JavaScript, con un complemento que webpack v4 incluye de forma predeterminada. En WordPress, varios complementos pueden minificar estilos y scripts. Para un sitio pequeño que no actualizas a menudo, probablemente puedes usar un servicio en línea.
¿Minificar es lo mismo que quitar el CSS que no se usa?
No. Minificar reduce el código que conservas, y quitar el CSS que no se usa borra reglas que la página no usa. Lighthouse los revisa en auditorías distintas: Reduce el uso de CSS y Reduce el código CSS sin usar. La pestaña Cobertura de DevTools de Chrome puede ayudarte a distinguir el CSS crítico del que no lo es.
Fuentes
Leímos estas páginas el 8 de noviembre de 2026. De Chrome for Developers: Reduce el uso de CSS, Reducir el uso de JavaScript, Quita los elementos CSS sin usar y Habilita la compresión de texto. De web.dev: Optimiza la codificación y el tamaño de transferencia de los recursos de texto. En nuestra web: la página de diseño web y las guías de PageSpeed Insights, de compresión gzip y de velocidad web.