Preprocesadores CSS — compiladores SCSS y LESS
Compila SCSS o LESS a CSS estándar en tu navegador. Combínalo con embellecer SCSS o minificar CSS para un flujo completo.
- Convertir snippets SCSS en CSS de producción sin instalar Sass en local.
- Compilar variables y mixins LESS antes de minificar para el despliegue.
- Previsualizar estilos de salida (expanded vs compressed) antes de compartir código.
Guías
Checklist de rendimiento web 2026: 6 pilares a auditar
Checklist 2026: minificar JS/CSS/HTML, Brotli, imágenes, cache, red, luego umbrales LCP, INP, CLS con acciones en orden.
Critical CSS: extraer, minificar e inlinear para el LCP
Extrae el CSS above-the-fold, minifica el bloque, inlinalo en el head y carga el resto en async. Para el LCP, sin bloquearlo todo.
Tree shaking vs minificación: qué hace cada palanca
La minificación acorta el JS conservado. El tree shaking retira módulos innecesarios. Tabla comparativa, Vite/Webpack, y cuándo combinarlos.
Cómo minificar HTML: guía para páginas más rápidas
Minificación HTML: comentarios, espacios, atributos opcionales, páginas 15–40 % más ligeras. CLI, plugins de build y minificadores en línea.
Guía de minificación CSS: CSSO, CSS no usado, builds
Minificar CSS en 2026: CSSO, CSS no usado, Vite/Webpack, frente a un minificador en línea. Límites honestos antes de cazar bytes.