Онлайн-сервіси для стиснення і оптимізації CSS коду [UPDATE]
- розширення .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
Cssdrive.com CSS Compressor - працює в 2 режимах: звичайний і просунутий. Ви можете вибрати один з трьох рівнів стиснення. Режим "Normal" повинен добре працювати в більшості випадків, створюючи оптимальний баланс між ними.
2. Cleancss.com
Cleancss.com - CSS форматування і оптимізатор на основі csstidy доступна англійською, німецькою та французькою мовами.
4. CSS Optimizer
CSS Optimizer - Оптимізація CSS вказавши URL адреса css-файлу, завантаживши файл з локального комп'ютера або безпосередньо ввівши CSS код в форму.
6. Askapache.com
askapache.com - даний сервіс використовує частину порту JavaScript з YUI Compressor, і частина W3 CSS Validator. Ви можете завантажити CSS файл, вказати URL CSS-файлу, або просто вставити CSS код в форму.
7. Iceyboard.no-ip.org
iceyboard.no-ip.org CSS Compressor - Ви можете завантажити файл, вказати URL CSS-файлу або вставити CSS код. Хороші варіанти стиснення.
8. Ebiene.de
Ebiene.de - сервіс для стиснення JavaScript і CSS файлів. Ви можете вибрати між базовим стисненням і сильним.
9. Pagecolumn.com
Pagecolumn.com - Стиснення CSS, можливість пошуку і видалення невикористовуваних класів і ID в CSS (опціонально).
11. Lotterypost.com
Lotterypost.com CSS компресор - потрібно просто вставити CSS код і натиснути кнопку «Стиснути».
13. Refresh-sf.com
Refresh-sf.com - Сервіс для JavaScript / CSS стиснення. Використовує YUI Compressor. Просто вставте код в текстове поле або виберіть файл для завантаження. Потім виберіть тип стиснення, JS або CSS.
14. Sevenforty.com
Sevenforty.com CSS Compressor - заснований на Java YUI Compressor. Просто завантажте CSS файл, який ви хочете зменшити і ви отримаєте стислий CSS файл в ZIP архіві.
15. Phpinsider.com
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, які немає в цій статті, повідомляйте про це в коментарях.
Коментарі
Коментуючи, пам'ятайте про те, що зміст і тон Вашого повідомлення можуть зачіпати почуття реальних людей, проявляйте повагу та толерантність до своїх співрозмовників навіть у тому випадку, якщо Ви не поділяєте їхню думку, Ваша поведінка за умов свободи висловлювань та анонімності, наданих інтернетом, змінює не тільки віртуальний, але й реальний світ. Всі коменти приховані з індексу, спам контролюється.