Suggerimenti per DevTools: identificare i miglioramenti CSS

Sofia Emelianova
Sofia Emelianova

Il riquadro Panoramica CSS in DevTools ti consente di trovare rapidamente potenziali miglioramenti CSS nella tua pagina.

Per generare un report, apri Strumenti per sviluppatori > Altro. > Altri strumenti > Panoramica CSS e fai clic su Panoramica acquisisci.

Il report mostra diverse sezioni:

  • Un riepilogo con statistiche su stili, selettori e query sui media.
  • Un'analisi dettagliata dei colori utilizzati, inclusi i problemi di contrasto, i problemi più comuni sul web.
  • Un'analisi dettagliata dei caratteri utilizzati con statistiche su dimensioni, spessore e interlinea.
  • Dichiarazioni CSS inutilizzate.
  • Statistiche sulle query multimediali ordinate in ordine decrescente in base al numero di occorrenze.

Per un'esperienza di apprendimento più pratica, consulta Panoramica del CSS: identifica potenziali miglioramenti al CSS.

Per scoprire di più sui problemi di contrasto, consulta Rendere il sito web più leggibile.