adequm

В чистом css можно создавать переменные:
(внутри файла style.css)
:root {
--color: #eee;
-fontSize: 14px;
}

После используй эти переменные в любом месте
body {
backgroud-color: var(--color);
font-size: var(--fontSize);
}

Ты можешь в любой момент спокойно вставить в html тег

=> автоматически сменятся стили использующие твои переменные. Так, к примеру, можно легко переключать тему (дневная/ночная) сайта лишь изменив тег

1. Очень долго грузится (слабый пк потребовал около 35 секунд, 35 секунд сидя на попе ровно в ожидании хоть чего-то)
2. Сам сайт сильно нагружен. Мне хочется цены сравнить, а не ждать загрузок и пытаться понять функционал сайта (что и как сделать, чтобы добиться цели)
3. Согласен с комментарием выше: о сравнении намекает только значок графика на каждой карточке (и то, его можно трактовать и как статистика покупок или некая популярность)

В общем сайт похож на тяжелую сильную рекламу, которую хочется (субьективно) игнорировать

Используй препроцессоры и компонентный подход (все по полочкам, все по разным файлам) - к примеру, Vue + Bootstrap-Vue + SCSS. Сделай себе заготовок заранее, настрой скрипты Emmet (сделать аналог ! + tab).
Можно просто смотреть вёрстку понравившихся проектов