З uncss покладіть таблиці стилів на дієту - UX-REPUBLIC

Uncss - це інструмент під Node.js, який дозволяє аналізувати таблиці стилів щодо використання їх на вашому веб-сайті та видаляти всі непотрібні правила, щоб різко зменшити його вагу і, отже, прискорити завантаження !
Давайте подивимось, як це працює, чи дійсно воно ефективно і як ним користуватися.

таблиці

Як це працює ?

Розроблений Джакомо Мартіно з квітня 2013 року, його експлуатація досить проста. Після запуску інструмент запускає Phantomjs для сканування цільової HTML-сторінки, отримує всі існуючі правила CSS, перевіряє для кожного з них наявність DOM-вузла на відповідній сторінці, а якщо ні, то видаляє це непотрібне правило.

Читаючи це пояснення, ви, мабуть, уже говорите собі, що це не працює зі стилями або HTML-вузлами, що додаються динамічно, і ви частково маєте рацію. Якщо стилю або вузла немає на сторінці під час її запуску (у html або додано до завантаження в JavaScript), uncss вважатиме це непотрібним та видалятиме. На щастя, існує кілька способів розповісти про винятки. До цього ми повернемось у третій частині цієї статті.