Один з найбільш важливих факторів при розробці веб-сайту є тест швидкості сайту. Завантажувати сторінку потрібно якомога швидше, особливо в разі великих сайтів з великою кількістю CSS коду, в якому більш швидке завантаження означає підвищення зручності використання і задоволеності користувачів.
Майте на увазі, якщо ви дійсно хочете, збільшити продуктивність веб-сайту, після стадії розробки, ви повинні піти ще далі і використовувати GZIP стиснення і кешування ваших файлів. Але про це ми поговоримо в наступній статті!
Онлайн сервіси для оптимізації CSS
1. cssdrive.com CSS Compressor - працює в 2 режимах: звичайний і просунутий. Ви можете вибрати один з трьох рівнів стиснення. Режим "Normal" повинен добре працювати в більшості випадків, створюючи оптимальний баланс між ними.
3. CSS Compressor - можна вибрати 4 ступені стиснення.
5. codebeautifier.com - CSS Compressor на основі CSSTidy
7. iceyboard.no-ip.org CSS Compressor - Ви можете завантажити файл, вказати URL CSS-файлу або вставити CSS код. Хороші варіанти стиснення.
9. pagecolumn.com - Стиснення CSS, можливість пошуку і видалення невикористовуваних класів і ID в CSS (опціонально).
10. Pingates.com - Ви можете вказати URL CSS файлу або вставити CSS код.
11. Lotterypost.com CSS компресор - потрібно просто вставити CSS код і натиснути кнопку «Стиснути».
12. Peterbe.com - XHTML. HTML і CSS компресор. Без будь-яких варіантів.
14. Sevenforty.com CSS Compressor - заснований на Java YUI Compressor. Просто завантажте CSS файл, який ви хочете зменшити і ви отримаєте стислий CSS файл в ZIP архіві.
15. phpinsider.com - використовує метод Monte Ohrt, немає варіантів стиснення, просто вставте код CSS і забирайте результат.
16. Devtrench.com -CSS Compressor на основі CSSTidy
17. Cssportal.com - CSS Compressor на основі CSSTidy
18. Mabblog.com - Вкажіть URL CSS файлу або вставити код CSS, немає варіантів стиснення.
20. Generateit.net - CSS Compressor на основі CSSTidy
23. Homepage-Performance.de - варіанти: видалити пробіли, остання крапка з комою, заміна кольорів і т.д. Ви можете тільки вставляти CSS код в поле введення.
24. Isnoop.net - варіанти: видалити пробіли, відступи і нову лінію перед відкриває фігурною дужкою.
Спробуйте поекспериментувати з деякими з цих сервісів. Багато з них показують відсоток стиснення і розмір файлу на виході.
Оцініть цю статтю: