Вот такой удивительный комментарий, мне случайно попался на глаза на официальном форуме сайта разработчиков CMS Cotonti, от пользователя, который не является разработчиком.

Дело в том, что это в чистом виде банальный миф, который многих вводит в глубокое заблуждение.

Всё это потому что ни bootstrap, ни uikit, ни любой другой современный модульный CSS/JS front-end фреймворк сам по себе не в состоянии, ни то чтобы существенно, но даже заметно, ощутимо или наблюдаемо замедлить ваш сайт на Cotonti.

Заходим на сервис "PageSpeed" от Google. Если кто не знает, - это сервис для проверки и тестирования скорости загрузки своих страниц на любых устройствах.

Тестируем страницу с официального форума (ссылка видна на скриншоте), где бутстрапом пятом и не пахнет, то есть тестим скорость загрузки без "существенно замедляющего bootstrap"

Что мы видим? Значение скорости загрузки равно 42 единицам.

Спустя, чуть больше часа, проводим повторный спидтест этой же страницы, - результаты на скриншоте ниже:

Разница почти в 20 единиц, довольно ощутимо, но наличие или отсутствие bootstrap как видим вообще никаким боком на это не влияет. Уровень производительности рассчитывыется от самых разных показателей, и здесь масса факторов, среди которой библиотеки бутстрап пока не было.

Идем дальше.

Теперь тестируем скорость загрузки, довольно не маленькой страницы нашего форума с включенным кешированием и смотрим результаты для мобильных устройств.

И в догонку, также с кешированием для компьютеров (декстопных устройств)

а теперь также и для мобильных и для компьютеров, но с отключенным кешированием

ну и скрин настроек с файла конфигурации кеширования

Весь сайт aBuyFile использует библиотеку front-end фреймворка UIkit3, - тот же Bootstrap5, просто кому как удобнее, то есть на вкус и цвет личное дело каждого.

Меняем настройки конфигурации кеширования datas/config.php и включаем всё, - смотрим скрин ниже

Тестировать будем текущую страницу форума, на которой на этот момент уже 8 картинок, текст, и само собой разумеется подключенная библиотека front-end фреймворка UIkit3.

снова открываем онлайн сервис pagespeed insights от google.

Результат проверки для мобильных устройств

Результат проверки скорости загрузки для десктопных устройств - компьютеров:

На скриншотах, на двух последних, уверен можно рассмотреть, что тестировалась именно эта страница форума, которую вы сейчас читаете.

Суть в том, что эти оба фреймворка Bootstrap и UIkit примерно одинаковы по весу и производительности, каждый из них подключается всего двумя файлами, и даже если вы подключите, чисто ради эксперемента и пытливости ученного, одновременно UIkit3 и Bootstrap5 - они даже вместе не снизят загрузку вашего сайта на 20 единиц.

И так, имеем 84/95 единиц уровня производительности для мобильных и компьютеров соответственно, как реальный факт против мифически абсурдной цитаты ниже

Cotonti очень шустрый и bootstrap может сущетвенно замедлить работу своим тяжеловесными не используемыми CSS которые вынужден шерстить браузер

И к сожалению, это мнение имеет довольно широкую распространенность, но к счастью есть просто мнение, а есть объективные факты, установленные как пример на 2-х последних скриншотах.

Если вы внимательно читали цитату, чуть выше, я думаю вам как и мне крайне любопытен факт того, что именно замедляет библиотека Bootstrap?

Важно задать себе предметные вопросы в контексте этой темы:

Вопрос №1. Что именно замедляет "связка" CMS Cotonti + Bootstrap/UIkit?

А. Существенно замедляет работу сайта.

Б. Замедляет работу конкретной страницы по её уникальной ссылке.

В. Существенно замедляет работу веб-браузера.

Г. Всё замедляет!

Вопрос №2. Как именно проводился замер "замедления"?

А. Специализированными онлайн сервисами и программным обеспечением.

Б. С секундомером, "На глаз", и отктрытые 75 вкладок на это не влияют!

В. Зачем замерять, я и так знаю, что замедляет и все так говорят!

Вопрос №3.

Если факт, низкого показателя быстродействия конкретной страницы, всё же подтвержден онлайн инструментами для тестирования скорости загрузки:

А. В результатах проверки страницы указывается, что это именно библиотека CSS/JS Bootstrap.

Б. В результатах что-то про tag.js, gtag, и другие js.

В. Там всё так запутанно и на английском, сложно понять.

Выводы можете сделать самостоятельно. Если сомневаетесь, - кто мешает проверить?

Другое дело, когда к сайту, кроме бутстрап, вы подключите, простите с десятка полтора сторонних плагинов "jQuery Bootstrap Plugins" и к тому же, 5 из ни для третьей версии, 5 для четвертой и еще 5 плагинов для бутстрапа пятой линейки, - я ничему не удивлюсь. Поэтому и использую UIkit3, который содержит и включает в себя практически все компоненты, необходимые для работы при верстке шаблонов и разработке веб-интерфейсов. На мой взгляд, его единственный недостаток, это "увесистость" HTML-кода, если сравнивать с бутстрапом.

Итоги темы, насколько сильно влияет связка Cotonti и Bootstrap, или Cotonti и UIkit3, на скорость загрузки сайта и производительности как таковой. Как сильно замедляет загрузку страницы.

Есть масса факторов, на которые вы никак не повлияете, чтобы увеличить скорость работы вашего сайта и скорость загрузки страниц. С этим нужно просто смириться, потому что это динамическая среда, с постоянно изменяющимися значениями переменных, таких, например, как хостинг, который вы используете, скорость и качество интернет соединения от сервера к вашему компьютеру и от вашего компьютера к серверу. "Железо" вашего устройства как и то, что на нем установлено также имеет влияние.

Если по результам мониторинга и аудита производительности страниц вашего сайта будет установленно, что показатели для мобильных в "оранжевой" зоне и преимущественно 60 и больше единиц, а для компьютера показатель в "зеленой" зоне и составляет 90 единиц и более - вам вовсе не стоит лезть и что-то "улучшать", потому что это уже довольно достойные показатели.

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

Не стоит спешить что-то менять на сайте, с бутстрапом или без, понаблюдайте за производительностью вашего сайта с помощью сервиса PageSpeed Insights - и вы обнаружите, что тест производительности для мобильных может резко колебаться от 95 до 50 единиц, в разные моменты времени.

Ничего не меняя на сайте, показатели прозводительности могут падать и подниматься на 30 единиц и больше!

При том, что тест для компьютерных устройств может оставаться на уровне 95-100 единиц. И бывает так, что показатели смещаются вообще в противоположные стороны, а именно, проведя повторную проверку, вы обнаружите, что для мобильных показатель упал, а для декстопов вырос, или наоборот. На результат измерения скорости загрузки в разной степени влияет множество факторов. Основные из них – это доступность локальной сети, доступность аппаратных средств клиента и наличие конфликтов при доступе к ресурсам клиента.

Тестируйте случайные страницы вашего сайта с разных браузеров и с разных устройств, анализируйте собранные данные, но выводы, достойные внимания, всегда сделаны опираясь на факты, иначе это лишь мнение.

В заключение, опираясь на факты, установленные на практике, и изложенные в этом топике, -

Вам нравится верстать на Bootstrap5 или UIkit3 ? - Верстайте в свое удовольствие! А CMS Cotonti  в "содружестве" с модульными CSS/JS front-end фреймворками творит магию и чудеса.

Статьи по этой темы, которые могут вас заинтересовать:

1. Инструменты для тестирования скорости веб-сайтов.

2. Как исправить медленную загрузку страниц?