Я создаю страницу / приложение, которое представляет широкий ассортимент продукции. В одном представлении содержится около 130 продуктов, каждый из которых представлен png-изображением, размер варьируется от 33 КБ до 150 КБ.
Модельный ряд можно прокручивать по горизонтали с помощью полосы прокрутки пользователя или пользовательского контроллера, а при наведении курсора на каждый продукт я использую som css-переходы, чтобы скрыть все продукты, кроме одного, и увеличить его.
Он работает идеально плавно в Safari и прилично Firefox, а также в Chrome, пока я веду обратный отсчет изображения. Но чем больше изображений я пытаюсь добавить, тем медленнее становятся прокрутка и переходы, пока с ним практически невозможно работать.
Это какая-то проблема cache.prom в chrome? Есть ли способ обойти это?
Я пытался предварительно загрузить изображения, но проблема не в времени загрузки изображения, а в его производительности, которая, кажется, останавливается из-за огромного количества изображений.