Как найти неиспользуемые стили CSS в таблице стилей
Несмотря на то, что ваши таблицы стилей кэшированы, при первом посещении вашего сайта раздутый файл CSS может действительно замедлить работу вашего сайта. Это не слишком хорошо для первого впечатления. По мере роста сайтов они, как правило, расширяются за счет новых виджетов и объектов, которые дизайнеры продолжают настраивать с помощью все большего количества параметров таблиц стилей. Со временем ваша таблица стилей может сильно раздуться и стать ключевой частью почему ваш сайт загружается медленнее чем другие.
Я видел другие инструменты проверки CSS в сети. Мы использовали Чистый CSS чтобы уменьшить размер файла за счет лучшей организации и минимизации данных в нем. Однако, когда вы пользуетесь услугами третьей стороны для анализа своего сайта, будьте осторожны. Если они очистят одну страницу и проанализируют ваш CSS, инструмент может потребовать от вас удалить меньше тонны стилей, которые используются на других страницах.
Не в случае с Неиспользуемый CSS - инструмент, который Эндрю Болдок от Mindjet, a картографирование ума приложение, показанное мне вчера. Инструмент сканирует ваш сайт и определяет неиспользуемые CSS. Вы даже можете проверить стили, которые хотите сохранить, независимо от анализа. В довершение всего, вы можете загрузить таблицу стилей после того, как она будет запущена через процедуру минимизации.
Выше находится панель, где Неиспользуемый CSS обнаружил, что это может уменьшить мою таблицу стилей на 56%. Мы собираемся продолжить тестирование этого инструмента – меня все еще беспокоят объекты, которые мы получаем через JavaScript и Ajax. Тем не менее, для нас это отличный ресурс.