Вибираємо найкращий онлайн-сервіс зі стиснення 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. com (84,13%);
  2. refresh-sf.com (85%).

Бронзовим призером "став csscompressor.com, з результатом (89,67%). Решта програм змогли зменшити розмір стилів не більш ніж на 10%.

logo