Как выкинуть лишние стили из Bootstrap 4 и уменьшить размер css?

Question

[sokira]

Опыта минимум. Пытаюсь делать проект на laravel. Для построения фронтэнда использую bootstrap 4.

Хочу добиться максимально возможной скорости загрузки сайта.

1. Существует ли какой-то алгоритм, который поможет выкинуть из bootstrap 4 лишние стили, которые в данный момент в проекте не используются?
На сайте не больше 10 разных шаблонов страниц.

2. Можно ли это автоматизировать?
С развитием проекта будет использоваться больше стандартного bootsrap, будут появляться новые шаблоны страниц. Можно ли как-то автоматом получать новый урезаный и сжатый css?

В каком направлении следует копать?

Comments

[JhaoDa]

Ларавел тут при чём?

[Adamos]

Имхо, копать следует в направлении уменьшения размера картинок и нормального построения БД. Замучивание CSS - это бессмысленная экономия на спичках.

[JhaoDa]

Adamos, а если в проекте нет БД и картинок?

[Sanes]

JhaoDa, то и и не забивать голову всякой хернёй.

[sokira]

JhaoDa, про laravel решил указать на случай если у него есть какие-то свои готовые решения.

[JhaoDa]

sokira, если они и есть, то ларавел тут ни при чём, это делается на webpack или ином сборщике.

[Антон]

Почему бы не выкинуть бутстрап целиком?

[sokira]

Антон, Вёрстка собъётся. Будет слишком заметно.

[sokira]

JhaoDa, Если бы я знал, как задача решается, то я бы не писал тут вопросы. На текущий момент я слабо представляю, за что браться. Попросил подсказать. Что я делаю не так?

[JhaoDa]

sokira, я тебе подсказал — webpack.

[Ярослав Александров]

https://bootstrapdocs.com/v3.0.3/docs/customize/
раньше была для 3-й версии кастомизация, теперь пишет не поддерживается

[Ярослав Александров]

https://getbootstrap.ru/docs/v4-alpha/getting-star...

[Arris]

а) не использовать бутстрап
б) не лепить на каждый шаблон десятки новых классов, а переиспользовать их.

Answer 1

[Игорь Воротнёв]

Самый простой и железобетонный способ имхо - на этапе production build вычищать неиспользуемый CSS:

https://www.npmjs.com/package/postcss-remove-unused-css
https://github.com/uncss/postcss-uncss
https://www.purgecss.com/with-postcss
и тд

Answer 2

[Ярослав Александров]

Custom Bootstrap 4 scsss? против лома нет приёма