@sokira

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

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

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

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

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

В каком направлении следует копать?
  • Вопрос задан
  • 541 просмотр
Решения вопроса 1
HeadOnFire
@HeadOnFire
PHP, Laravel & WordPress Evangelist
Самый простой и железобетонный способ имхо - на этапе production build вычищать неиспользуемый CSS:

https://www.npmjs.com/package/postcss-remove-unused-css
https://github.com/uncss/postcss-uncss
https://www.purgecss.com/with-postcss
и тд
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы