Я сталкиваюсь со случайной проблемой на веб-сайте, на котором я работаю.Этот веб-сайт содержит много изображений, и некоторые изображения имеют размер 1 МБ или больше.На сайте также используются некоторые приемы CSS3, такие как 3D-ротации.
С тех пор, как я добавил этот материал 3D-CSS, я заметил проблему в Google Chrome, когда некоторые случайные области на сайте не отображаются.
Это скриншот того, как должен отображаться сайт, зеленые линии, потому что я включил «Границы составного слоя рендеринга» в chrome: // flags: ![enter image description here](https://i.stack.imgur.com/RaoNX.png)
И вот какон появляется, когда возникает проблема:
![enter image description here](https://i.stack.imgur.com/r4CpI.png)
Эти белые квадраты появляются случайным образом и могут исчезнуть или появиться в другом месте, если прокрутить веб-сайт.Я также заметил, что эта проблема чаще встречается на компьютерах более низкого уровня, поэтому я полагаю, что в Chrome не хватает памяти GPU.
Почему возникает эта проблема?и есть ли обходной путь для этого (кроме отключения 3d CSS)?
В случае, если это помогает, это веб-сайт: http://colocation.cubo.cc/cheetos/masterbrand/
Обновление:
- Я поднял проблему для команды Chrome.
- Я не смог воспроизвести эту проблему в Chrome Canary.