GPU加速崩溃网站 [英] GPU acceleration crashes website

问题描述

我在一个我正在工作的网站遇到一个随机问题。这个网站包含许多图像，一些图像是1Mb或更大。

由于我添加了这个3D CSS东西，我注意到谷歌Chrome浏览器的一个问题，网站中的一些随机区域

这是一个关于如何呈现网站的屏幕截图，绿线是因为我已在Chrome上启用了复合渲染图层边框 ：// flags：

$ b $

这个白色正方形随机出现，如果滚动网站，他们可以消失或重新出现在另一个地方。我也注意到这个问题在低端计算机中更常见，所以我猜猜，Chrome是用完了GPU内存。

为什么会出现这个问题？并且是它的任何解决方法（除了禁用3d CSS）？

如果它有帮助，这是网站：
http://colocation.cubo.cc/cheetos/masterbrand/

更新：

• 我提出了
  
• 我无法在Chrome Canary中重现此问题。
li>

解决方案

这是一个Chrome问题，现已修复：

http://code.google.com/ p / chromium / issues / detail？id = 121779

我只能祝贺Chrome团队如此快速地推送修补程序，我希望IE就是这样。

I am running into a random issue in a website that I am working. This website contains many images and some images are 1Mb in size or bigger. The site also uses some CSS3 tricks, like 3D rotations.

Since I added this 3D CSS stuff, I noticed a problem in Google Chrome where some random areas in the website are not rendered.

This is a screen-shoot of how the site should be rendered, the green lines are because I've enabled the "Composited render layer borders" on chrome://flags:

And this is how it get rendered when the issue happens:

This white squares appear randomly and they can disappear or reappear in another place if the scroll the website. I also noticed that this problem is more common in lower-end computers so I my guess is that somehow Chrome is running out of GPU memory.

Why this problem happens? and is the any workaround for it (besides disabling the 3d CSS)?

In case it helps, this is the website: http://colocation.cubo.cc/cheetos/masterbrand/

Update:

• I raised a issue for the Chrome team.
• I couldn't reproduce this problem in the Chrome Canary.

解决方案

It was a Chrome Issue, and its fixed now:

http://code.google.com/p/chromium/issues/detail?id=121779

I can only congratulate the Chrome team for pushing bugfixes so fast, I wish IE was like this.

这篇关于GPU加速崩溃网站的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！