¿Tailwind carga menos CSS que Bootstrap? Depende del build de producción

Tailwind CSS 4.3 detecta clases completas en los archivos fuente y genera las utilidades correspondientes. Hay una trampa frecuente:

• ✅ bg-blue-600 y bg-red-600 escritos completos
• ❌ bg-${color}-600

El compilador no interpreta esa interpolación para descubrir todos los colores posibles.

Bootstrap 5.3 también tiene dos caminos: incluir su CSS compilado o construir una versión con Sass importando las partes que necesitas.

Por eso no elegiría uno basándome en «Tailwind pesa menos» o «Bootstrap pesa más». Revisaría el resultado real:

• CSS transferido en producción.
• CSS sin usar en rutas y estados representativos.
• Efecto en el renderizado de la página.

Tailwind facilita generar utilidades a partir de las clases detectadas. Bootstrap ofrece componentes preparados y permite una compilación selectiva. El peso final depende de cómo construyas el proyecto.

¿Has comparado el CSS final de ambos en un proyecto real?