Всем привет. Хочется минимизировать на сайте объем JS для лучшей

индексации поисковиками. Нашел как сделать фильтр товаров на чистом CSS:
https://codepen.io/samgordon/pen/jPqqWB

Вопрос:
Как сделать так, чтобы кнопки выбора цветов не подвисали? Я быстро поочередно нажимаю два цвета BLUE и RED, но чувствуется, что отклик идет с замыканием, приходится по два раза нажимать..
Или это особенность CSS?



Другие материалы по теме:

Материал 1
https://habr.com/ru/sandbox/81937/

Примеры работы

https://codepen.io/NjnDen/full/kzfqe

https://codepen.io/NjnDen/full/nbeGl



Материал 2

https://nisnom.com/veb-razrabotki/filtr-kontenta-na-chistom-css-bez-javascript/

https://codepen.io/samgordon/pen/jPqqWB


Материал 3

https://webdesign.tutsplus.com/tutorials/how-to-build-a-filtering-component-in-pure-css--cms-33111

погоди, как связаны js и лучшая индексация?

индексация чего именно?

ну он же написал

никакого замыкания касательно переключения цветов нет

Я сейчас не смог найти данных гугла, чтобы не быть голословным. Просто есть расхожее мнение, что ПС понимают не весь JS. В отношении яндекса бытует мнение, что он совсем его не понимает. Вот нашел статью 4 летней давности, где яндекс заявил, что они начали тестировать индексацию JS. https://webmaster.yandex.ru/blog/21369

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

Понял. Ну есть другая мысль, рендерить страницу на сервере и отдавать ПС. Так будет лучше?

Это называется SSR, да, можно смотреть в эту сторону