Выбираем лучший онлайн-сервис по сжатию CSS

в 13:03, , рубрики: css, Клиентская оптимизация, онлайн-сервисы, оптимизация кода, Тестирование веб-сервисов
сжатие css

В настоящее время существует огромное количество веб-инструментов по оптимизации CSS файлов. Большинство из них имеют собственный алгоритм работы (есть, конечно, и дубликаты). Эффективность самих программ тоже значительно отличается. Кроме того, некоторые оптимизаторы могут «ломать» CSS код, после чего стили становятся невалидными. Как показывает практика, процент таких «полезных» инструментов достаточно высок.

Данная статья представляет собой отчет о проведенном тестировании наиболее популярных онлайн-оптимизаторов. Эксперимент проводился на 3 CSS файлах. Ссылки на каждый из них приведены в таблице результатов.

Основная цель работы – сравнительная характеристика сервисов по основному показателю (степени сжатия). Наличие всевозможных настроек, удобство использования и прочие второстепенные факторы не учитывались.

Стоит сказать, что 6 из 17 рассмотренных оптимизаторов не справились с задачей. Результаты, которые после сжатия не прошли валидацию, отмечены прочерком.

Ссылка на CSS файл www.kartinki24.ru/templates/kartinki/style/styles.css gidonline.club/wp-content/themes/gidonline/style25.css spb.azbyka.net/views/azbyka/css/style.css Ср. результат после сжатия, %
Исходный размер, КБ 21,49 26,20 23,18
Сервис Результаты, КБ
askapache.com/online-tools/compress-css 18,55 24,23 23,17 93,06
cleancss.com/css-minify 18,01 23,67 22,38 90,39
codebeautifier.com - - - -
creativyst.com/Prod/3 20,58 - 23,18 -
css-school.ru/optimiser 16,95 23,00 - -
csscompressor.com 17,77 23,46 22,32 89,67
cssdrive.com/index.php/main/csscompressor 18,02 23,66 22,37 90,38
cssportal.com/css-optimize 19,29 26,20 23,18 96,9
cssresizer.com 17,07 20,20 22,35 84,13
cy-pr.com/tools/css 16,79 22,98 - -
iceyboard.no-ip.org/projects/css_compressor - 22,75 - -
lotterypost.com/css-compress.aspx 17,78 23,43 22,31 89,63
pagecolumn.com/tool/css_compressor.htm 18,07 23,66 - -
partnerki-runeta.ru/css-optimized 18,09 23,67 22,38 90,5
phpinsider.com/compress_css.php 19,29 25,44 22,38 94,69
prohtml.net/services/css-min 18,36 24,27 22,37 91,72
refresh-sf.com 16,87 21,18 22,19 85

Как видим, однозначно выделить лидера невозможно. В каждом из 3 тестов минимальный размер был достигнут с помощью разных сервисов. Однако, если рассматривать средний результат, то с достаточно большим отрывом выделяются 2 инструмента:

  1. cssresizer.com (84,13%);
  2. refresh-sf.com (85%).

Бронзовым призером» стал csscompressor.com, с результатом (89,67%). Остальные программы смогли уменьшить размер стилей не более чем на 10%.

Автор: noeer

Источник


* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js