This page has been robot translated, sorry for typos if any. Original content here.

Онлайн-сервіси для стиснення та оптимізації CSS коду [UPDATE]

Онлайн-сервисы для сжатия и оптимизации CSS кода
w3.org

  • розширення .css
  • MIME-тип text / css
  • Розробник Консорціум Всесвітньої павутини
  • Написано 17 грудня 1996
  • Тип формату Мова стилів
  • сайт w3.org/Style/CSS

CSS (англ. Cascading Style Sheets - каскадні таблиці стилів) - формальна мова опису зовнішнього вигляду документа, написаного з використанням мови розмітки. Переважно використовується як засіб опису, оформлення зовнішнього вигляду веб-сторінок, написаних за допомогою мов розмітки HTML і XHTML, але може також застосовуватися до будь-яких XML-документах, наприклад, до SVG або XUL.

Один з найбільш важливих факторів при розробці веб-сайту є тест швидкості сайту. Завантажувати сторінку потрібно якомога швидше, особливо в разі великих сайтів з великою кількістю CSS коду, в якому більш швидке завантаження означає підвищення зручності використання і задоволеності користувачів.

Інструменти для стиснення CSS покращують час завантаження, видаливши коментарі з коду, що включають кожну команду в одному рядку, видалення "білого простору" - прогалин і переносів рядків.

Майте на увазі, якщо ви дійсно хочете, збільшити продуктивність веб-сайту, після стадії розробки, ви повинні піти ще далі і використовувати GZIP стиснення і кешування ваших файлів. Але про це ми поговоримо в наступній статті!

Спробуйте скористатися одним з цих онлайн сервісів по оптимізації CSS файлів (деякі з них також пропонують і JavaScript стиснення), і подивитися, як вони можуть прискорити час відгуку веб-сайт і зберегти пропускну здатність.

1. Cssdrive.com

Онлайн-сервіси для стиснення та оптимізації CSS коду

Cssdrive.com CSS Compressor - працює в 2 режимах: звичайний і просунутий. Ви можете вибрати один з трьох рівнів стиснення. Режим "Normal" повинен добре працювати в більшості випадків, створюючи оптимальний баланс між ними.

2. Cleancss.com

Онлайн-сервіси для стиснення та оптимізації CSS коду

Cleancss.com - CSS форматування і оптимізатор на основі csstidy доступна англійською, німецькою та французькою мовами.

3. CSS Compressor

Онлайн-сервіси для стиснення та оптимізації CSS коду

CSS Compressor - можна вибрати 4 ступені стиснення.

4. CSS Optimizer

Онлайн-сервіси для стиснення та оптимізації CSS коду

CSS Optimizer - Оптимізація CSS вказавши URL адреса css-файлу, завантаживши файл з локального комп'ютера або безпосередньо ввівши CSS код в форму.

5. Codebeautifier.com

Онлайн-сервіси для стиснення та оптимізації CSS коду

Codebeautifier.com - CSS Compressor на основі CSSTidy

6. Askapache.com

Онлайн-сервіси для стиснення та оптимізації CSS коду

askapache.com - даний сервіс використовує частину порту JavaScript з YUI Compressor, і частина W3 CSS Validator. Ви можете завантажити CSS файл, вказати URL CSS-файлу, або просто вставити CSS код в форму.

7. Iceyboard.no-ip.org

Онлайн-сервіси для стиснення та оптимізації CSS коду

iceyboard.no-ip.org CSS Compressor - Ви можете завантажити файл, вказати URL CSS-файлу або вставити CSS код. Хороші варіанти стиснення.

8. Ebiene.de

Онлайн-сервіси для стиснення та оптимізації CSS коду

Ebiene.de - сервіс для стиснення JavaScript і CSS файлів. Ви можете вибрати між базовим стисненням і сильним.

9. Pagecolumn.com

Онлайн-сервіси для стиснення та оптимізації CSS коду

Pagecolumn.com - Стиснення CSS, можливість пошуку і видалення невикористовуваних класів і ID в CSS (опціонально).

10. Pingates.com

Онлайн-сервіси для стиснення та оптимізації CSS коду

Pingates.com - Ви можете вказати URL CSS файлу або вставити CSS код.

11. Lotterypost.com

Онлайн-сервіси для стиснення та оптимізації CSS коду

Lotterypost.com CSS компресор - потрібно просто вставити CSS код і натиснути кнопку «Стиснути».

12. Peterbe.com

Онлайн-сервіси для стиснення та оптимізації CSS коду

Peterbe.com - XHTML, HTML і CSS компресор. Без будь-яких варіантів.

13. Refresh-sf.com

Онлайн-сервіси для стиснення та оптимізації CSS коду

Refresh-sf.com - Сервіс для JavaScript / CSS стиснення. Використовує YUI Compressor. Просто вставте код в текстове поле або виберіть файл для завантаження. Потім виберіть тип стиснення, JS або CSS.

14. Sevenforty.com

Онлайн-сервіси для стиснення та оптимізації CSS коду

Sevenforty.com CSS Compressor - заснований на Java YUI Compressor. Просто завантажте CSS файл, який ви хочете зменшити і ви отримаєте стислий CSS файл в ZIP архіві.

15. Phpinsider.com

Онлайн-сервіси для стиснення та оптимізації CSS коду

Phpinsider.com - використовує метод Monte Ohrt, немає варіантів стиснення, просто вставте код CSS і забирайте результат.

16. Devtrench.com

Devtrench.com -CSS Compressor на основі CSSTidy

17. Cssportal.com

Cssportal.com - CSS Compressor на основі CSSTidy

18. Mabblog.com

Mabblog.com - Вкажіть URL CSS файлу або вставити код CSS, немає варіантів стиснення.

19. Creativyst.com

Creativyst.com - CSS і JavaScript компресор.

20. Generateit.net

Generateit.net - CSS Compressor на основі CSSTidy

21. Arrantius.com

Arrantius.com CSS Compressor - написаний на JavaScript, тому немає передачі вашого CSS невідомому сервера. Він виймає коментарі і прогалини в CSS файлі, не більше того.

22. Artiss.co.uk

Artiss.co.uk - тільки завантаження файлів, можливість видаляти коментарі чи ні.

23. Homepage-Performance.de

Homepage-Performance.de - варіанти: видалити пробіли, остання крапка з комою, заміна кольорів і т.д. Ви можете тільки вставляти CSS код в поле введення.

24. Isnoop.net

Isnoop.net - варіанти: видалити пробіли, відступи і нову лінію перед відкриває фігурною дужкою.

На закінчення

Не бійтеся експериментувати з цими сервісами. Більшість з них показують результат у вигляді відсотка стиснення від оригіналу і розмір файлу на виході.

Якщо Ви знаєте ще якісь онлайн-сервіси по оптимізації CSS, які немає в цій статті, повідомляйте про це в коментарях.