css-overview

Обзор CSS: определение потенциальных улучшений CSS | Chrome DevTools | Chrome for Developers

Excerpt

Определите потенциальные улучшения CSS с помощью панели «Обзор CSS».

  1. Информация о шрифте . Все шрифты на вашей странице и их появление, сгруппированные по разным размерам, толщине шрифта и высоте строки. Как и в разделе «Цвета» , чтобы просмотреть список затронутых элементов, щелкните их вхождения.

    Информация о шрифте.

  2. Неиспользуемые объявления . Все стили, не имеющие эффекта, сгруппированы по причине.

    Неиспользуемые объявления.

    Например, два приведенных выше объявления не используются, поскольку содержимое определяет высоту и ширину встроенного элемента. Чтобы просмотреть соответствующие элементы, щелкните вхождения.

  3. Медиа запросы . Все медиа-запросы, определенные на вашей странице, отсортированы по количеству вхождений в порядке убывания. Чтобы просмотреть список затронутых элементов, щелкните их вхождения.

    Медиа запросы.