Який найкращий інструмент для мінімізації CSS?
UnCSS. UnCSS — це унікальний інструмент, який не лише мінімізує файли CSS, але й аналізує їх, щоб видалити невикористані селектори CSS. Це допомагає зменшити загальний розмір файлів CSS і значно скоротити час завантаження сторінки.1 липня 2024 р.
Щоб скоротити CSS, спробуйте CSSNano та csso. Щоб мінімізувати JavaScript, спробуйте UglifyJS. Closure Compiler також дуже ефективний. Ви можете створити процес збірки, який використовує ці інструменти для мінімізації та перейменування файлів розробки та збереження їх у робочому каталозі.
Результати порівняння №1:
| # | Мініфікатор CSS | Коментарі |
|---|---|---|
| 1 | cssminifier.com | Опущено правило "font-size:100%" для більшості елементів скидання. |
| 2 | www.minifier.org | |
| 3 | csscompressor.com | |
| 4 | cleancss.com | Не вдається видалити непотрібні пробіли та крапки з комою. |
Зменшені файли CSS зберігатимуться в папці під назвою css-dist, яку слід створити в тому ж каталозі, що й файли CSS.. Приклад: на робочому столі ми маємо файл CSS із назвою «1. css" і папку "css-styles", що містить усі файли CSS. Ми також створюємо папку «css-dist» для зберігання скорочених файлів CSS.
Мініфікація JavaScript і CSS сприяє швидшому завантаженню веб-сайту та може призвести до кращого залучення користувачів і збільшення органічного трафіку. Оператори веб-сайтів можуть використовувати Cloudflare CDN для мінімізації як CSS, так і JavaScript — дізнайтеся про доступні плани Cloudflare тут.
Плагіни WordPress для мінімізації JavaScript
- WP Rocket: WP Rocket — це популярний плагін для кешування для WordPress, який включає функцію мінімізації JavaScript. …
- Autoptimize: Autoptimize — це безкоштовний плагін, який може оптимізувати та мінімізувати файли JavaScript і CSS на вашому сайті WordPress.