Как найти неиспользуемые стили CSS в таблице стилей

CSS

Несмотря на то, что ваши таблицы стилей кэшированы, при первом посещении вашего сайта раздутый файл CSS может действительно замедлить работу вашего сайта. Это не слишком хорошо для первого впечатления. По мере роста сайтов они имеют тенденцию расширяться за счет новых виджетов и объектов, которые дизайнеры продолжают настраивать с помощью все большего количества параметров таблиц стилей. Со временем ваша таблица стилей может сильно раздуться и стать ключевой частью почему ваш сайт загружается медленнее чем другие.

Я видел другие инструменты проверки CSS в сети. Мы использовали Чистый CSS чтобы уменьшить размер файла за счет лучшей организации и минимизации данных в нем. Однако, когда вы пользуетесь услугами третьей стороны для анализа своего сайта, будьте осторожны. Если они очистят одну страницу и проанализируют ваш CSS, инструмент может потребовать от вас удалить меньше тонны стилей, которые используются на других страницах.

Не в случае с Неиспользуемый CSS - инструмент, который Эндрю Болдок от Mindjet, a картографирование ума приложение, показанное мне вчера. Инструмент просканирует ваш сайт и обнаружит неиспользуемый CSS. Вы даже можете проверить стили, которые хотите сохранить, независимо от анализа. В довершение всего, вы можете загрузить таблицу стилей после того, как она будет запущена через процедуру минимизации.

неиспользуемый css

Выше находится панель, где Неиспользуемый CSS обнаружил, что это может уменьшить мою таблицу стилей на 56%. Мы собираемся продолжить тестирование инструмента - меня все еще беспокоят объекты, которые мы получаем через Javascript и Ajax. Однако для нас это похоже на отличный ресурс.

2 комментариев

  1. 1
  2. 2

Как вы думаете?

Этот сайт использует Akismet для уменьшения количества спама. Узнайте, как обрабатываются ваши данные комментариев.