10 инструментов для оптимизации CSS
Оптимизация CSS — это процесс удаления ненужного или лишнего кода в файлах CSS, чтобы уменьшить размер файла с целью увеличения скорости загрузки страницы.
Вашему вниманию предлагаются 10 инструментов для оптимизации CSS, способных помочь вам организовать и оптимизировать свой CSS код быстро и легко.
Смотрите также:
CSS3 генераторы. Самые актуальные
14 онлайн редакторов JavaScript кода
StyleStats
Сервис StyleStats собирает и анализирует статистику CSS для любого сайта. Показывает ошибки и дает советы по их устранению.
Critical Path CSS Generator
Онлайн-инструмент для ускорения и оптимизации скорости загрузки сайта.Все мы сталкивались с проблемой ожидания отрисовки страницы, пока не загрузятся все подключаемые скрипты и стили. Иногда на тяжелых сайтах для подгрузки всех файлов требуется много времени. С помощью сервиса Critical Path CSS Generator можно обойти эту проблему. Он позволяет сгенерировать CSS код таким образом, чтобы при открытии страницы мгновенно загружалась часть до так называемого газетного изгиба (первый экран). Такой метод положительно сказывается на поисковой оптимизации.
Helium
Helium — инструмент в виде скрипта для обнаружения неиспользованного CSS на страницах веб-сайта. Он работает на основе javascript и запускается в браузере.
CSS Ratiocinator
CSS Ratiocinator автоматически переформирует ваш CSS и cгенерирует новую таблицу стилей с более элегантным и лаконичным кодом очистив при этом лишние свойства, которые наследуются дочерними элементами. Скрипт формирует новые таблицы стилей на основе дерева элементов (DOM). В итоге должен получиться чистый и оптимизированный код CSS.
Recess
Это простой и привлекательный инструмент для оптимизации CSS, построенный на основе LESS.
CSS Lint
Сервис для оптимизации CSS — CSS Lint указывает на проблемы с вашим CSS кодом. В его задачи входят поиски неисправности и признаки неэффективности.
Parker
Parker представляет собой инструмент для анализа таблицы стилей CSS. Он считывает показатели ваших таблиц стилей и сообщает об их сложности.
CSS Minification Benchmark
Еще один скрипт для платформы Node.js, который позволяет очистить CSS от всякого мусора.
