私が働いているウェブサイトでランダムな問題が発生しています。このウェブサイトには多くの画像が含まれており、一部の画像は1Mb以上のサイズです。このサイトでは、3D回転のようなCSS3トリックも使用しています。GPUアクセラレーションでWebサイトがクラッシュする
私はこの3D CSSのものを追加して以来、私はウェブサイトのランダムな領域がレンダリングされないGoogle Chromeの問題に気付きました。
これは私がChromeで「合成は、表示レイヤの境界線」を有効にしたので、緑の線があり、サイトがレンダリングされるべきかの画面シュートです://フラグ:
そして、これはありますどのような問題が発生したときに、それがレンダリングさ:
この白い四角は、ランダムに表示され、それらが消えたり、スクロールウェブサイト場合は、別の場所に再び現れることができます。私はまた、この問題はローエンドのコンピュータでより一般的であることに気付いたので、私はChromeがGPUメモリを使い果たしていると推測しています。
なぜこの問題が発生するのですか? 3D CSSを無効にする以外に、その回避策は何ですか?
ことができます場合には、これはウェブサイトである: http://colocation.cubo.cc/cheetos/masterbrand/
更新:
- 私はChromeチームのためにissueを上げました。
- Chrome Canaryでこの問題を再現できませんでした。
回避策に関係なく、http://crbug.com/newの問題としてこれを提出できますか? – Kinlan
最近ビデオドライバを更新しましたか? –
@DarthContinentはい、私はOS X 10.6.8でアップデートされたドライバを使ってテストしましたが、他のコンピュータで問題を再現できるので残念です –