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

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

npm-logo

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

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

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

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

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

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

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