Sugerencias para Herramientas para desarrolladores: Identifica las mejoras de CSS

Sofia Emelianova
Sofia Emelianova

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. > 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.