El panel Resumen de CSS de DevTools te permite encontrar posibles mejoras de CSS en tu página de un vistazo.
Para obtener un informe, abre DevTools > > Más herramientas > Resumen de CSS y haz clic en Capturar resumen.
En el informe, se muestran varias secciones:
- Un resumen con estadísticas sobre los estilos, los selectores y las consultas de medios.
- Un desglose de los colores utilizados, incluidos los problemas de contraste, los problemas más comunes en la Web.
- Un desglose de las fuentes utilizadas con estadísticas sobre el tamaño, el grosor y la altura de la línea.
- Declaraciones de CSS sin usar
- Estadísticas sobre las consultas de contenido multimedia ordenadas por cantidad de ocurrencias en orden descendente.
Para obtener una experiencia de aprendizaje más práctica, consulta Descripción general de CSS: Identifica posibles mejoras de CSS.
Para obtener más información sobre los problemas de contraste, consulta Cómo hacer que tu sitio web sea más legible.