Ankhena, только что минимизировал и понял, что дело в переменной css: --size, если её убрать и заменить все var() на значение этой переменной, то картинка больше не загружается по многу раз, а только один раз и для всех элементов с ней.
Ankhena, это понятно, что before и after отрисовываются отдельно.
Но почему когда я использовал before с background-image: url() в других элементах он загружал картинку из кэша всего один раз, вне зависимости навожу я на элемент мышкой или меняю элемент.
А в данном случае для каждого события с элементом новая загрузка?
Вадим,
1) стиль before при checked становится видимый и при наведении мыши на input с checked всё равно загружается эта картинка;
2) по сети, да, 0 раз, но постоянное дёрганье из кэша вместо одного раза - это тоже не хорошо. При выводе мыши из страницы он тоже заново загружается.
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.