Почему bootstrap4 работает частично и сильно грузит сайт на WordPress?

Question

[TinkyGO]

Всем привет. Решил пощупать ВП. Взял готовый шаблон и немного переверстываю его на свой вкус. И вот, столкнулся с проблемой, что сайт стал очень медленно грузится. Более того: классы bootstrap'а работают только на главной странице, а на страницах WooCommerce не задействованы.

Фреймворк подключил так:

Из админки в файл header, перед закрывающимся тегом head я добавил

<link rel="stylesheet" href="wp-content/themes/blossom-fashion/css/bootstrap.min.css">

И после открывающегося тега body

<script src="wp-content/themes/blossom-fashion/js/bootstrap.min.js"></script>

Где я накосячил?

П.С. ( не знаю точно, не работает только на страницах WooCommerce или везде кроме index.php, просто других нет)

Comments

[IvanMogilev]

Подключайте скрипты правильно так css, а так js

[TinkyGO]

IvanMogilev, Это в function.php?"

[IvanMogilev]

TinkyGO, да

[TinkyGO]

IvanMogilev, помогло, спасибо. Напиши в ответы, отмечу

[IvanMogilev]

TinkyGO, не за что, написал.

Answer 1

[IvanMogilev]

Подключайте скрипты правильно так css, а так js

Answer 2

[Вова Дружаев]

Ответили на 1-й вопрос, отвечу по тормозам...

Потому что бутстрап в себе содержит максимум. А ты используешь 5% от силы.
Отсюда вывод - собирай его под свой проект отдельно - только нужные компоненты и состояния.

Но почему ты решил схалтурить и выбрать его? На нативном css пишется быстро и проблем с производительностью в разы меньше - я бы сказал минимум.
Выберут бутстрап, элементор и потом удивляются чего это сайт медленный. Из пушки по воробьям называется это.