{"id":52404,"date":"2026-04-14T12:41:23","date_gmt":"2026-04-14T10:41:23","guid":{"rendered":"\/es\/tutoriales\/?p=52404"},"modified":"2026-04-14T12:41:24","modified_gmt":"2026-04-14T10:41:24","slug":"minificar-css","status":"publish","type":"post","link":"\/es\/tutoriales\/minificar-css\/","title":{"rendered":"C\u00f3mo minificar CSS"},"content":{"rendered":"<p class=\"wp-block-paragraph\">La minificaci&oacute;n de CSS <strong>elimina caracteres innecesarios de las hojas de estilo, como espacios en blanco, comentarios y saltos de l&iacute;nea, sin afectar el funcionamiento del c&oacute;digo<\/strong>. Esto reduce el tama&ntilde;o de los archivos CSS, lo que ayuda a que las p&aacute;ginas se carguen m&aacute;s r&aacute;pido en los navegadores.<\/p><p class=\"wp-block-paragraph\">Minificar el CSS mejora m&eacute;tricas de velocidad de la p&aacute;gina como Largest Contentful Paint (LCP) y reduce el consumo de ancho de banda en los servidores y para quienes visitan.<\/p><p class=\"wp-block-paragraph\">Como los motores de b&uacute;squeda consideran los tiempos de carga al posicionar p&aacute;ginas, minificar el CSS es una mejora de SEO r&aacute;pida y efectiva.<\/p><p class=\"wp-block-paragraph\">El proceso suele incluir tres pasos simples: preparar tus archivos CSS, pasarlos por una herramienta de minificaci&oacute;n y comprobar que el resultado se muestre correctamente en tu sitio.<\/p><p class=\"wp-block-paragraph\">Puedes minificar archivos CSS con herramientas en l&iacute;nea, sistemas de construcci&oacute;n como <strong>Webpack<\/strong> o aplicaciones independientes. La mejor opci&oacute;n depende de tu flujo de trabajo y de con qu&eacute; frecuencia actualizas tus estilos.<\/p><p class=\"wp-block-paragraph\">Despu&eacute;s de minificar tu CSS, verifica todo con cuidado. Usa las herramientas de desarrollador del navegador para depurar problemas y el <strong>validador de CSS del W3C<\/strong> para detectar errores a tiempo.<\/p><p class=\"wp-block-paragraph\">Adem&aacute;s, evita errores comunes, como minificar archivos que ya est&aacute;n minificados o usar configuraciones demasiado agresivas que pueden romper el dise&ntilde;o.<\/p><p>\n \n \n<\/p><h2 class=\"wp-block-heading\" id=\"h-1-comprende-los-conceptos-basicos-de-css-y-de-la-minificacion\"><strong>1. Comprende los conceptos b&aacute;sicos de CSS y de la minificaci&oacute;n<\/strong> <\/h2><p class=\"wp-block-paragraph\">Los archivos de Cascading Style Sheets (CSS) contienen selectores, propiedades y valores que los navegadores usan para mostrar el dise&ntilde;o y los estilos de la p&aacute;gina.<\/p><p class=\"wp-block-paragraph\">Quienes desarrollan usan espacios en blanco, saltos de l&iacute;nea y comentarios para que el c&oacute;digo CSS sea f&aacute;cil de leer. Los navegadores no necesitan estos caracteres para aplicar estilos correctamente, por lo que aumentan el tama&ntilde;o sin aportar valor.<\/p><p class=\"wp-block-paragraph\">Una hoja de estilos t&iacute;pica incluye:<\/p><ul class=\"wp-block-list\">\n<li><strong>Espacios en blanco<\/strong>. Espacios extra entre selectores, propiedades y valores.<\/li>\n \n<li><strong>Saltos de l&iacute;nea<\/strong>. Saltos que separan reglas y declaraciones.<\/li>\n \n<li><strong>Comentarios<\/strong>. Comentarios que explican secciones de c&oacute;digo, delimitados por <strong>\/* *\/<\/strong>.<\/li>\n \n<li><strong>Caracteres de formato<\/strong>. Puntos y coma y espaciado que no afectan c&oacute;mo funcionan los estilos.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">La minificaci&oacute;n elimina todos estos elementos. Por ejemplo, una hoja de estilo de <strong>50 KB<\/strong> podr&iacute;a reducirse a <strong>35 KB<\/strong> despu&eacute;s de la minificaci&oacute;n. Es una reducci&oacute;n del <strong>30 %<\/strong>.<\/p><p class=\"wp-block-paragraph\">As&iacute; se ve un archivo CSS antes de la minificaci&oacute;n:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/* Estilos de la navegaci&oacute;n principal *\/\n.nav-menu {\ndisplay: flex;\njustify-content: space-between;\npadding: 20px;\n}\n.nav-menu a {\ncolor: #333;\ndecoraci&oacute;n de texto: ninguna\n}<\/pre><p class=\"wp-block-paragraph\">Y aqu&iacute; est&aacute; el mismo archivo despu&eacute;s de minificarlo:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.nav-menu{display:flex;justify-content:space-between;padding:20px}.nav-menu a{color:#333;text-decoration:none}<\/pre><p class=\"wp-block-paragraph\">La versi&oacute;n minificada es m&aacute;s dif&iacute;cil de leer para las personas, pero funciona igual. Los navegadores interpretan ambas versiones de la misma manera.<\/p><p class=\"wp-block-paragraph\">Para los sitios que atienden a personas que navegan desde el m&oacute;vil con conexiones m&aacute;s lentas, estas reducciones del tama&ntilde;o de archivo son importantes. Cada kilobyte ahorrado ayuda a reducir el tiempo hasta el primer renderizado.<\/p><p class=\"wp-block-paragraph\">Si quieres <a href=\"\/es\/tutoriales\/optimizacion-web\/\">optimizar el rendimiento del sitio web<\/a> en general, la minificaci&oacute;n de CSS deber&iacute;a ser uno de tus primeros pasos. Comprender los <a href=\"\/es\/tutoriales\/que-es-css\/\">fundamentos de CSS<\/a> tambi&eacute;n te ayuda a identificar estilos que aumentan el tama&ntilde;o del archivo sin afectar la funcionalidad.<\/p><h2 class=\"wp-block-heading\" id=\"h-2-elige-la-herramienta-o-el-metodo-adecuados-para-minificar-css\"><strong>2. Elige la herramienta o el m&eacute;todo adecuados para minificar CSS<\/strong> <\/h2><p class=\"wp-block-paragraph\">Las herramientas de minificaci&oacute;n de CSS se dividen en tres categor&iacute;as principales: <strong>minificadores en l&iacute;nea, aplicaciones con interfaz gr&aacute;fica e integraciones con herramientas de construcci&oacute;n<\/strong>.<\/p><ul class=\"wp-block-list\">\n<li><strong>Herramientas en l&iacute;nea<\/strong>. Estos funcionan en tu navegador. Pegas tu CSS o subes un archivo, haces clic en un bot&oacute;n y descargas la versi&oacute;n minificada. No necesitan instalaci&oacute;n y funcionan bien para tareas r&aacute;pidas y puntuales. Entre las opciones populares est&aacute;n <strong>Toptal CSS Minifier<\/strong> y <strong>Clean CSS<\/strong>.<\/li>\n \n<li><strong>Software con interfaz gr&aacute;fica<\/strong>. Aplicaciones como <strong>Prepros<\/strong> y <strong>CodeKit<\/strong> se ejecutan localmente en tu computadora. Puedes configurar carpetas para monitorear y la aplicaci&oacute;n minifica los archivos CSS autom&aacute;ticamente cuando guardas los cambios. Estas herramientas suelen incluir extras como compilaci&oacute;n de Sass y recarga en vivo del navegador.<\/li>\n \n<li><strong>Crea integraciones con herramientas<\/strong>. Estas herramientas se integran en flujos de trabajo automatizados y minifican recursos durante un proceso de compilaci&oacute;n m&aacute;s amplio. Ese proceso suele incluir el empaquetado, la transpilaci&oacute;n y el despliegue. Algunos ejemplos comunes incluyen <strong>Webpack<\/strong> con plugins como <strong>css-minimizer-webpack-plugin<\/strong>, <strong>gulp.js<\/strong> con <strong>gulp-clean-css<\/strong> y <strong>Grunt<\/strong> con <strong>grunt-contrib-cssmin<\/strong>.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">La herramienta adecuada para minificar CSS depende del tama&ntilde;o de tu proyecto, tus necesidades de automatizaci&oacute;n y la configuraci&oacute;n de tu flujo de trabajo. A continuaci&oacute;n ver&aacute;s una tabla que muestra qu&eacute; opci&oacute;n funciona mejor para distintos tipos de proyecto:<\/p><figure tabindex=\"0\" class=\"wp-block-table\"><table><tbody><tr><td><strong>Tipo de proyecto<\/strong> <\/td><td><strong>Enfoque recomendado<\/strong> <\/td><\/tr> <tr><td>Un solo sitio est&aacute;tico con actualizaciones ocasionales<\/td> <td>Minificador de CSS en l&iacute;nea<\/td> <\/tr><tr><td>Desarrollo activo con varios archivos CSS<\/td> <td>Aplicaci&oacute;n con interfaz gr&aacute;fica o integraci&oacute;n con herramientas de construcci&oacute;n<\/td> <\/tr><tr><td>Compilaciones de producci&oacute;n automatizadas<\/td> <td>Integraci&oacute;n con herramientas de compilaci&oacute;n<\/td> <\/tr><tr><td>Proyecto en equipo con un pipeline de CI\/CD<\/td> <td>Integraci&oacute;n con herramientas de compilaci&oacute;n<\/td> <\/tr><tr><td>Sitio en WordPress o basado en un sistema de gesti&oacute;n de contenidos<\/td> <td>Complemento para CMS con minificaci&oacute;n integrada<\/td> <\/tr><\/tbody> <\/table><\/figure><h2 class=\"wp-block-heading\" id=\"h-3-prepara-tus-archivos-css-para-minificarlos\"><strong>3. Prepara tus archivos CSS para minificarlos<\/strong> <\/h2><p class=\"wp-block-paragraph\">Preparar tus archivos CSS para la minificaci&oacute;n significa primero limpiar y organizar tus hojas de estilo.<\/p><p class=\"wp-block-paragraph\">Empieza por eliminar los estilos que no uses. Los selectores que no coinciden con ning&uacute;n elemento en tu HTML aumentan el tama&ntilde;o del archivo sin cambiar el aspecto de la p&aacute;gina. Puedes encontrarlos y eliminarlos de varias maneras:<\/p><ul class=\"wp-block-list\">\n<li><strong>Herramientas para desarrolladores del navegador<\/strong>. La pesta&ntilde;a <strong>Coverage<\/strong> muestra qu&eacute; reglas CSS se ejecutan realmente en una p&aacute;gina.<\/li>\n \n<li><strong>PurgeCSS<\/strong>. Analiza tus archivos HTML y elimina autom&aacute;ticamente los selectores que no se usan.<\/li>\n \n<li><strong>Lighthouse de Chrome<\/strong>. Las auditor&iacute;as de rendimiento se&ntilde;alan CSS sin usar en el informe.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">A continuaci&oacute;n, respalda tus archivos CSS originales. La minificaci&oacute;n es irreversible, as&iacute; que despu&eacute;s no puedes recuperar los comentarios ni el formato. Conserva el CSS sin minimizar de forma local o en control de versiones y despliega a producci&oacute;n solo los archivos minimizados.<\/p><p class=\"wp-block-paragraph\">Antes de minificar, valida la sintaxis de tu CSS. El CSS no v&aacute;lido puede fallar al minificarse o producir resultados inesperados.<\/p><p class=\"wp-block-paragraph\">El <a href=\"https:\/\/jigsaw.w3.org\/css-validator\" target=\"_blank\" rel=\"noopener\">validador de CSS del W3C<\/a> te ayuda a detectar problemas comunes, como llaves faltantes, propiedades no v&aacute;lidas o selectores mal formados.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a932e63d7319\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a932e63d7319\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"434\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Error-de-analisis-de-resultados-del-validador-CSS-de-W3C.png\" alt=\"El validador CSS del W3C muestra un error de sintaxis en el selector .nav-menu\" class=\"wp-image-52400\" srcset=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Error-de-analisis-de-resultados-del-validador-CSS-de-W3C.png 1024w, https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Error-de-analisis-de-resultados-del-validador-CSS-de-W3C-300x127.png 300w, https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Error-de-analisis-de-resultados-del-validador-CSS-de-W3C-150x64.png 150w, https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Error-de-analisis-de-resultados-del-validador-CSS-de-W3C-768x326.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Entre los problemas comunes que debes corregir antes de minificar est&aacute;n:<\/p><ul class=\"wp-block-list\">\n<li>Corchetes o par&eacute;ntesis sin cerrar.<\/li>\n \n<li>Valores de propiedades no v&aacute;lidos.<\/li>\n \n<li>Selectores duplicados que puedes combinar.<\/li>\n \n<li>Prefijos de proveedor para propiedades que ya no los necesitan.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Tambi&eacute;n puedes ejecutar un linter como <strong>Stylelint<\/strong> para detectar estos problemas de forma autom&aacute;tica. Una entrada limpia produce una salida minificada m&aacute;s confiable.<\/p><h2 class=\"wp-block-heading\" id=\"h-4-minimiza-tus-archivos-css-usando-herramientas-en-linea\"><strong>4. Minimiza tus archivos CSS usando herramientas en l&iacute;nea<\/strong> <\/h2><p class=\"wp-block-paragraph\">Para minificar CSS en l&iacute;nea, usa una herramienta basada en el navegador que elimina caracteres innecesarios de tu hoja de estilo. La mayor&iacute;a de las herramientas te permiten pegar c&oacute;digo o subir un archivo y devuelven una versi&oacute;n minificada en segundos.<\/p><ol class=\"wp-block-list\">\n<li>Abre tu archivo CSS original en un editor de texto y copia su contenido, o busca el archivo en tu computadora si planeas subirlo.<\/li>\n \n<li>Abre un minificador de CSS en l&iacute;nea. Para este ejemplo, usaremos el <a href=\"https:\/\/www.toptal.com\/developers\/cssminifier\" target=\"_blank\" rel=\"noopener\">minificador de CSS de Toptal<\/a>.<\/li>\n \n<li>Pega tu CSS en el campo de texto o sube el archivo si la herramienta admite subir archivos.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a932e63d812a\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a932e63d812a\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"726\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Codigo-CSS-de-entrada-del-minificador-de-Toptal.png\" alt=\"Herramienta Toptal CSS Minifier con el c&oacute;digo CSS original pegado en el campo de entrada\" class=\"wp-image-52401\" srcset=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Codigo-CSS-de-entrada-del-minificador-de-Toptal.png 1024w, https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Codigo-CSS-de-entrada-del-minificador-de-Toptal-300x213.png 300w, https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Codigo-CSS-de-entrada-del-minificador-de-Toptal-150x106.png 150w, https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Codigo-CSS-de-entrada-del-minificador-de-Toptal-768x545.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Haz clic en el bot&oacute;n para minificar, que puede aparecer como <strong>Minify<\/strong>, <strong>Compress<\/strong> o con un nombre similar.<\/li>\n \n<li>Copia el resultado minificado o descarga el archivo minificado cuando termine el procesamiento.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a932e63d8b6d\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a932e63d8b6d\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"658\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Salida-minificada-del-minificador-de-CSS-de-Toptal.png\" alt=\"Salida de CSS minificado mostrada en Toptal CSS Minifier con un bot&oacute;n para copiar\" class=\"wp-image-52402\" srcset=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Salida-minificada-del-minificador-de-CSS-de-Toptal.png 1024w, https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Salida-minificada-del-minificador-de-CSS-de-Toptal-300x193.png 300w, https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Salida-minificada-del-minificador-de-CSS-de-Toptal-150x96.png 150w, https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/Salida-minificada-del-minificador-de-CSS-de-Toptal-768x494.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"6\" class=\"wp-block-list\">\n<li>Guarda el archivo con la extensi&oacute;n <strong>.min.css<\/strong>, por ejemplo: <strong>styles.min.css<\/strong>, para que sea f&aacute;cil distinguirlo del archivo original.<\/li>\n<\/ol><p> <strong><div class=\"announcement-block announcement-block--important\">\n            <span class=\"announcement-block__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                          d=\"M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM13.637 7.65198C13.637 6.74791 12.9041 6.01501 12 6.01501C11.0959 6.01501 10.363 6.74791 10.363 7.65198C10.5335 9.53749 10.875 13.383 10.875 13.383C10.875 14.0043 11.3787 14.508 12 14.508C12.6213 14.508 13.125 14.0043 13.125 13.383V13.38L13.637 7.65198ZM11.9927 15.714C11.3714 15.714 10.8677 16.2177 10.8677 16.839C10.8677 17.4603 11.3714 17.964 11.9927 17.964H12.0073C12.6286 17.964 13.1323 17.4603 13.1323 16.839C13.1323 16.2177 12.6286 15.714 12.0073 15.714H11.9927Z\"\n                          fill=\"#FEA419\"\/>\n                <\/svg>\n                Important\n            <\/span>\n            <p class=\"announcement-block__content\">\n                &iexcl;Importante!<\/strong> Las herramientas de minificaci&oacute;n en l&iacute;nea procesan tu CSS en servidores externos. Si trabajas con hojas de estilo propietarias, proyectos cubiertos por un acuerdo de confidencialidad (NDA) o c&oacute;digo espec&iacute;fico de la empresa, usa herramientas locales para minificar en su lugar. \n            <\/p><\/div><\/p><h2 class=\"wp-block-heading\" id=\"h-5-verifica-y-prueba-tu-css-minificado\"><strong>5. Verifica y prueba tu CSS minificado<\/strong> <\/h2><p class=\"wp-block-paragraph\">Verificar tu CSS minimizado implica comprobar tanto el tama&ntilde;o del archivo como el resultado visual en distintos navegadores.<\/p><p class=\"wp-block-paragraph\">Empieza por comparar el tama&ntilde;o del archivo de las versiones original y minificada para confirmar que la compresi&oacute;n funcion&oacute;. Si un archivo CSS no se reduce, puede que ya est&eacute; compacto o que la herramienta de minificaci&oacute;n no lo haya procesado correctamente.<\/p><p class=\"wp-block-paragraph\">Si usas minificadores en l&iacute;nea gratuitos, ten en cuenta que algunas herramientas pueden modificar el resultado de formas inesperadas. Prueba siempre tu CSS minificado en un navegador antes de subirlo a producci&oacute;n para asegurarte de que coincide con el estilo original.<\/p><p class=\"wp-block-paragraph\">As&iacute; puedes probar tu CSS minificado:<\/p><ul class=\"wp-block-list\">\n<li>Prueba la p&aacute;gina de forma local en varios navegadores, como <strong>Chrome<\/strong>, <strong>Firefox<\/strong>, <strong>Safari<\/strong> y <strong>Edge<\/strong>.<\/li>\n \n<li>Revisa los dise&ntilde;os en diferentes tama&ntilde;os de pantalla, incluidos escritorio, tablet y m&oacute;vil.<\/li>\n \n<li>Prueba los elementos interactivos como los estados al pasar el cursor, los men&uacute;s desplegables y los estilos de formularios.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Tambi&eacute;n puedes usar las herramientas para desarrolladores del navegador para comprobaciones m&aacute;s detalladas:<\/p><ul class=\"wp-block-list\">\n<li><strong>Panel de elementos<\/strong>. Inspecciona los estilos calculados de elementos espec&iacute;ficos.<\/li>\n \n<li><strong>Panel de red<\/strong>. Confirma que el archivo minificado se cargue correctamente y revisa su tama&ntilde;o.<\/li>\n \n<li><strong>Consola<\/strong>. Busca errores o advertencias al analizar CSS.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">El <strong>validador de CSS del W3C<\/strong> tambi&eacute;n puede analizar archivos CSS minificados. La salida no v&aacute;lida suele indicar que el CSS de origen ten&iacute;a errores de sintaxis ocultos o que la herramienta de minificaci&oacute;n introdujo un error.<\/p><p class=\"wp-block-paragraph\">Haz una <a href=\"\/es\/tutoriales\/test-velocidad-web\/\">prueba de velocidad de tu sitio web<\/a> antes y despu&eacute;s de habilitar el CSS minificado. Herramientas como <strong>PageSpeed Insights<\/strong> y <strong>GTmetrix<\/strong> muestran los tiempos de carga reales y ayudan a confirmar que los navegadores renderizan tus estilos minificados correctamente.<\/p><p class=\"wp-block-paragraph\">Una vez que las pruebas confirmen que el CSS minificado funciona correctamente, s&uacute;belo a tu servidor en el mismo directorio que la hoja de estilos original. Luego actualiza tu HTML para que haga referencia al archivo minificado:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!-- Antes --&gt;\n&lt;link rel=\"stylesheet\" href=\"styles.css\"&gt;<\/pre><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!-- Despu&eacute;s --&gt;\n&lt;link rel=\"stylesheet\" href=\"styles.min.css\"&gt;<\/pre><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a932e63d9b13\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a932e63d9b13\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"759\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/hostinger-administrador-de-archivos-index-html-css-minimizado-link-resaltado.png\" alt=\"Archivo HTML en el Administrador de archivos de Hostinger con el enlace a styles.min.css resaltado\" class=\"wp-image-52403\" srcset=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/hostinger-administrador-de-archivos-index-html-css-minimizado-link-resaltado.png 1024w, https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/hostinger-administrador-de-archivos-index-html-css-minimizado-link-resaltado-300x222.png 300w, https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/hostinger-administrador-de-archivos-index-html-css-minimizado-link-resaltado-150x111.png 150w, https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/04\/hostinger-administrador-de-archivos-index-html-css-minimizado-link-resaltado-768x569.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Despu&eacute;s de confirmar que todo funciona en producci&oacute;n, elimina el archivo sin minificar del servidor para evitar confusiones.<\/p><h2 class=\"wp-block-heading\" id=\"h-por-que-minificar-css-mejora-el-rendimiento-del-sitio-web\"><strong>Por qu&eacute; minificar CSS mejora el rendimiento del sitio web<\/strong> <\/h2><p class=\"wp-block-paragraph\">Minificar el CSS mejora el rendimiento del sitio web al <strong>reducir el tama&ntilde;o del archivo<\/strong>. Los archivos m&aacute;s peque&ntilde;os se descargan m&aacute;s r&aacute;pido y usan menos ancho de banda tanto para los servidores como para los visitantes.<\/p><p class=\"wp-block-paragraph\">El rendimiento del sitio web afecta directamente a las <a href=\"\/es\/tutoriales\/core-web-vitals\/\">Core Web Vitals<\/a>:<\/p><ul class=\"wp-block-list\">\n<li><strong>Pintura con contenido m&aacute;s grande (LCP)<\/strong> Mide cu&aacute;ndo el contenido principal se vuelve visible. Una entrega de CSS m&aacute;s r&aacute;pida permite que el navegador empiece a renderizar antes.<\/li>\n \n<li><strong>Interacci&oacute;n a la siguiente pintura (INP)<\/strong>. Mide qu&eacute; tan r&aacute;pido responde una p&aacute;gina cuando alguien interact&uacute;a con ella. Los archivos CSS m&aacute;s peque&ntilde;os reducen el tiempo de bloqueo de renderizado, por lo que los clics y los toques se sienten m&aacute;s r&aacute;pidos.<\/li>\n \n<li><strong>Cambio de dise&ntilde;o acumulado (CLS)<\/strong>. Mejora indirectamente. Una carga m&aacute;s r&aacute;pida de estilos reduce los parpadeos de contenido sin estilos que provocan saltos de dise&ntilde;o.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Los motores de b&uacute;squeda usan los Core Web Vitals como factores de posicionamiento. Cuando dos p&aacute;ginas ofrecen contenido igual de relevante, Google recurre a m&eacute;tricas de experiencia de la p&aacute;gina como LCP, INP y CLS para desempatar.<\/p><p class=\"wp-block-paragraph\">Los sitios que cumplen los tres umbrales considerados buenos (LCP por debajo de <strong>2,5 segundos<\/strong>, INP por debajo de <strong>200 milisegundos<\/strong> y CLS por debajo de <strong>0,1<\/strong>) tienen ventaja sobre competidores m&aacute;s lentos que apuntan a las mismas palabras clave con una calidad de contenido similar.<\/p><p class=\"wp-block-paragraph\">Aqu&iacute; tienes el impacto real de la minificaci&oacute;n de CSS en el rendimiento:<\/p><figure tabindex=\"0\" class=\"wp-block-table\"><table><tbody><tr><td><strong>Tipo de sitio<\/strong> <\/td><td><strong>Reducci&oacute;n t&iacute;pica de CSS<\/strong> <\/td><td><strong>Mejora del tiempo de carga<\/strong> <\/td><\/tr> <tr><td>Sitio web de WordPress<\/td> <td>25&ndash;40%<\/td> <td>Entre 0,2 y 0,5 segundos<\/td> <\/tr><tr><td>Aplicaci&oacute;n web a medida<\/td> <td>30&ndash;50%<\/td> <td>0,3 a 0,8 segundos<\/td> <\/tr><tr><td>Sitio de comercio electr&oacute;nico<\/td> <td>20&ndash;35%<\/td> <td>0,2 a 0,6 segundos<\/td> <\/tr><\/tbody> <\/table><\/figure><p class=\"wp-block-paragraph\">Reducir <strong>0,4 segundos<\/strong> en la carga de la hoja de estilos puede parecer poco, pero si lo combinas con otras optimizaciones como la compresi&oacute;n de im&aacute;genes, la minificaci&oacute;n de JavaScript y el almacenamiento en cach&eacute;, las mejoras en el tiempo total de carga suelen estar entre <strong>2 y 3 segundos<\/strong>.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/es\/hosting-web\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-29291\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-errores-comunes-que-debes-evitar-al-minificar-css\"><strong>Errores comunes que debes evitar al minificar CSS<\/strong> <\/h2><p class=\"wp-block-paragraph\">Los errores m&aacute;s comunes al minificar CSS incluyen <strong>minificar archivos dos veces, usar configuraciones demasiado agresivas, omitir copias de seguridad y ignorar las pruebas<\/strong>.<\/p><ul class=\"wp-block-list\">\n<li><strong>Minificar archivos ya minificados<\/strong>. Ejecutar la minificaci&oacute;n dos veces suele ofrecer mejoras m&iacute;nimas (a menudo por debajo del <strong>1 %<\/strong>) y aumenta el riesgo de errores. Los archivos que terminan en <strong>.min.css<\/strong> ya est&aacute;n minificados, as&iacute; que procesa solo tu CSS fuente.<\/li>\n \n<li><strong>Usar ajustes de minificaci&oacute;n agresivos<\/strong>. Algunas herramientas ofrecen modos agresivos que pueden da&ntilde;ar tu dise&ntilde;o o cambiar c&oacute;mo se comportan los estilos. Estas configuraciones pueden combinar selectores similares y cambiar la especificidad, acortar valores de color y afectar la transparencia, o eliminar puntos y coma &ldquo;redundantes&rdquo; y causar problemas de interpretaci&oacute;n. Usa la configuraci&oacute;n predeterminada o segura a menos que entiendas bien las ventajas y desventajas. Si usas optimizaci&oacute;n agresiva, prueba todo con cuidado.<\/li>\n \n<li><strong>Omite las copias de seguridad de los archivos fuente<\/strong>. Depurar CSS minificado es dif&iacute;cil, as&iacute; que necesitar&aacute;s los archivos originales y legibles para localizar los problemas. Mant&eacute;n una separaci&oacute;n clara:\n<ul class=\"wp-block-list\">\n<li><strong>Archivos fuente<\/strong>. Se usa para desarrollo y se guarda de forma local o en un sistema de control de versiones.<\/li>\n \n<li><strong>Archivos minificados<\/strong>. Se usa solo para producci&oacute;n y se despliega en el servidor.<\/li>\n<\/ul>\n<\/li>\n \n<li><strong>Ignorar las pruebas antes del despliegue<\/strong>. Aplica siempre primero el CSS minificado en un entorno de pruebas o en un servidor local. Revisa los dise&ntilde;os adaptables, los componentes interactivos y los estilos de impresi&oacute;n. Los problemas que detectas durante las pruebas cuestan mucho menos que los que descubren las personas usuarias.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-otras-estrategias-para-optimizar-el-sitio-web\"><strong>Otras estrategias para optimizar el sitio web<\/strong> <\/h2><p class=\"wp-block-paragraph\">La minificaci&oacute;n de CSS es solo una parte de una estrategia m&aacute;s amplia de optimizaci&oacute;n del sitio web. Otras t&eacute;cnicas pueden ofrecer mejoras iguales o incluso mayores en los tiempos de carga.<\/p><ul class=\"wp-block-list\">\n<li><strong>Minificaci&oacute;n de JavaScript<\/strong>. Funciona de la misma manera que la minificaci&oacute;n de CSS. Eliminar espacios en blanco y comentarios reduce el tama&ntilde;o del archivo. Herramientas como <strong>Terser<\/strong> y <strong>UglifyJS<\/strong> se encargan de la compresi&oacute;n de JavaScript. Cuando se combinan, la minificaci&oacute;n de CSS y JavaScript puede reducir el tama&ntilde;o total de los recursos entre un <strong>40 % y un 60 %<\/strong>.<\/li>\n \n<li><strong><\/strong>Optimizaci&oacute;n de im&aacute;genes: A menudo te ofrece la mayor reducci&oacute;n del tama&ntilde;o del archivo. Comprimir las im&aacute;genes, servirlas en formato WebP y usar carga diferida puede reducir el peso de la p&aacute;gina en varios megabytes. Una sola imagen principal sin optimizar puede pesar m&aacute;s que todo el CSS y JavaScript juntos.<\/li>\n \n<li><strong>Estrategias de cach&eacute;<\/strong> Reduce los tiempos de carga para visitantes que regresan. Los encabezados de cach&eacute; del navegador hacen que el navegador de una persona que visita tu sitio guarde los archivos CSS de forma local. Las redes de entrega de contenido (CDN) almacenan en cach&eacute; recursos en servidores de todo el mundo, lo que reduce la latencia para usuarios que est&aacute;n lejos de tu servidor de origen.<\/li>\n \n<li><strong>Conexi&oacute;n persistente de HTTP<\/strong>. Mantiene abiertas las conexiones entre navegadores y servidores. Sin keep-alive, cada archivo CSS, imagen y script requiere una nueva conexi&oacute;n, lo que agrega latencia de ida y vuelta a cada solicitud. Si activas <a href=\"\/es\/tutoriales\/extension-keep-alive\/\">keep-alive<\/a>, varios archivos se cargan por una sola conexi&oacute;n y se reduce la sobrecarga.<\/li>\n \n<li><strong>Compresi&oacute;n GZIP<\/strong>. Comprime archivos de texto, incluido CSS, a nivel de servidor antes de enviarlos. Un archivo CSS minificado y comprimido con GZIP puede reducirse entre un <strong>70 y un 80 %<\/strong> adicionales durante la transferencia. La mayor&iacute;a de los servidores web son compatibles con GZIP y activarlo en tu servidor suele requerir muy poca configuraci&oacute;n.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Al combinar estas estrategias se logran mejoras acumulativas. Un sitio que usa minificaci&oacute;n, compresi&oacute;n, cach&eacute; y optimizaci&oacute;n de im&aacute;genes suele cargar <strong>entre 3 y 5 veces<\/strong> m&aacute;s r&aacute;pido que una versi&oacute;n sin optimizar.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La minificaci&oacute;n de CSS elimina caracteres innecesarios de las hojas de estilo, como espacios en blanco, comentarios y saltos de l&iacute;nea, sin afectar el funcionamiento del c&oacute;digo. Esto reduce el tama&ntilde;o de los archivos CSS, lo que ayuda a que las p&aacute;ginas se carguen m&aacute;s r&aacute;pido en los navegadores. Minificar el CSS mejora m&eacute;tricas de [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/es\/tutoriales\/minificar-css\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":634,"featured_media":52399,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"C\u00f3mo minificar CSS y mejorar el rendimiento web","rank_math_description":"Aprende c\u00f3mo minificar CSS para reducir tiempos de carga. Descubre herramientas, m\u00e9todos y buenas pr\u00e1cticas para optimizar tu web.","rank_math_focus_keyword":"minificar css","footnotes":""},"categories":[14587,14534],"tags":[],"class_list":["post-52404","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-optimizacion-de-rendimiento-web","category-sitio-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-minify-css\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/melhorando-a-performace-minifying-css-html-e-javascript\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/minificar-css\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/meningkatkan-performa-website-minify-css-html-dan-javascript\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-minify-css\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-minify-css\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-minify-css\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-minify-css\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-minify-css\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-minify-css\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-minify-css\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-minificar-html-css-javascript\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-minificar-html-css-javascript\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-minificar-html-css-javascript\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/melhorando-a-performace-minifying-css-html-e-javascript\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/52404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/users\/634"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/comments?post=52404"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/52404\/revisions"}],"predecessor-version":[{"id":52405,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/52404\/revisions\/52405"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/media\/52399"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/media?parent=52404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/categories?post=52404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/tags?post=52404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}