Как оптимизировать CSS и ускорить загрузку сайта

Есть интересная штука, которая называется Gulp-UnCSS Remove unused CSS selectors (https://www.npmjs.com/package/gulp-uncss). Она удаляет неиспользуемые стили, причем делает это все автоматически. Внешние стили плагинов он не будет трогать.

npm-logo

Как Gulp узнает что используется

На разных страницах могут использоваться разные элементы в том числе и вывод плагинов.

Gulp анализирует страницу, там в функции прописывать можно:

html: [‘index.html’, ‘posts/**/*.html’, ‘//example.com’]

Можно ключевые страницы указать, ведь в статьях дизайн и структура страницы одинакова везде.

Как добавить стили

А если надо оверрайд дефолтного стиля плагина сделать можно подклеить их после uncss https://www.npmjs.com/package/gulp-concat-css

 

 


Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: