Sugerencias para Herramientas para desarrolladores: Identifica las mejoras de CSS

Sofia Emelianova
Sofia Emelianova

El panel Resumen de CSS de las Herramientas para desarrolladores te permite encontrar posibles mejoras de CSS en tu página de un vistazo.

Para obtener un informe, abre Herramientas para desarrolladores > Más. > Más herramientas > Descripción general de CSS y haz clic en Capturar descripción general.

El informe muestra varias secciones:

  • Un resumen con estadísticas sobre estilos, selectores y consultas de medios.
  • Un desglose de los colores usados, incluidos los problemas de contraste (los problemas más comunes en la Web).
  • Un desglose de las fuentes usadas con estadísticas sobre el tamaño, el grosor y la altura de línea
  • Declaraciones de CSS sin usar.
  • Las estadísticas de las consultas de medios se ordenan por la cantidad de repeticiones, en orden descendente.

Si quieres adquirir una experiencia de aprendizaje más práctica, consulta el artículo Descripción general de CSS: Cómo identificar posibles mejoras del CSS.

Para obtener más información sobre los problemas de contraste, consulta Haz que tu sitio web sea más legible.