Mejora significativa del rendimiento al dividir CSS en varios archivos (por condiciones @media)

Cuando el CSS se agrupa en un solo archivo, incluso después del tree-shaking, todavía contiene mucho CSS no utilizado debido a diferentes contextos de @media (móvil, tableta, escritorio, temas oscuro/claro/otros, etc.).

Es malo para las Core Web Vitals. La división del CSS por condiciones de @media da un gran impulso al rendimiento.

Más información sobre esto:

Por favor, considere implementar esta optimización en Discourse. Actualmente, este problema es lo que me impide cambiar a Discourse.

Tenga en cuenta que Reducir el CSS no utilizado y Eliminar los recursos que bloquean la renderización (que son todos los CSS en su caso) son las recomendaciones N.º 1 y N.º 2 para los foros de Discourse según pagespeed insights.

¡Gracias por su increíble trabajo!

2 Me gusta