zths
小狐狸
小狐狸
  • UID34280
  • 注册日期2010-10-19
  • 最后登录2023-08-29
  • 发帖数71
  • 经验49枚
  • 威望0点
  • 贡献值6点
  • 好评度0点
  • 社区居民
阅读:2697回复:10

[求测试]特殊情况下background-size属性会让cpu暴增?

楼主#
更多 发布于:2014-04-22 09:28
点击 [预览背景] 之后cpu占用会爆到45+% (4核)
仔细看可以看到背景图片一直在抖动。。
我确定我没有写出循环 用alert确定过。。。
firebug里看统计 也没有发现有特别高的情况。
谷歌,ie11均正常。
地址:http://cirno.biz/bglist.php
[网站线路很不好 载入可能会塞]


火狐版本:29b9

我写的渣代码请勿喷。。。。
dgod
火狐狸
火狐狸
  • UID11249
  • 注册日期2006-01-22
  • 最后登录2021-12-24
  • 发帖数211
  • 经验122枚
  • 威望0点
  • 贡献值12点
  • 好评度1点
  • 社区居民
  • 忠实会员
1楼#
发布于:2014-04-22 10:10
28下图片确实会抖动,抖动的时候cpu占用确实会增加
zths
小狐狸
小狐狸
  • UID34280
  • 注册日期2010-10-19
  • 最后登录2023-08-29
  • 发帖数71
  • 经验49枚
  • 威望0点
  • 贡献值6点
  • 好评度0点
  • 社区居民
2楼#
发布于:2014-04-22 10:32
dgod:28下图片确实会抖动,抖动的时候cpu占用确实会增加回到原帖
遨游 谷歌 ie9+都没这问题。。。
感觉是渲染机制的问题  是不是图片材质缓存的问题。。。
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
3楼#
发布于:2014-04-22 12:18
https://bugzilla.mozilla.org/show_bug.cgi?id=846315

把image.high_quality_downscaling.enabled关掉就正常了
白左
千年狐狸
千年狐狸
  • UID34985
  • 注册日期2010-12-29
  • 最后登录2023-11-13
  • 发帖数2039
  • 经验655枚
  • 威望0点
  • 贡献值364点
  • 好评度69点
  • 社区居民
  • 忠实会员
4楼#
发布于:2014-04-22 17:42
lonely_8:https://bugzilla.mozilla.org/show_bug.cgi?id=846315

把image.high_quality_downscaling.enabled关掉就正常了
回到原帖
OP的测试我复现了,预览背景之后背景图片一直在闪,似乎是持续在进行高质量缩放/普通缩放的切换
但是846315的附件打开来却似乎没什么效果
这个bug究竟是怎么产生的?
-いたんですか? -ええ、ずっと
dsyo2008
狐狸大王
狐狸大王
  • UID34824
  • 注册日期2010-12-10
  • 最后登录2022-06-13
  • 发帖数515
  • 经验206枚
  • 威望0点
  • 贡献值86点
  • 好评度11点
  • 社区居民
  • 忠实会员
5楼#
发布于:2014-04-22 18:26
表示没问题。。。。31
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
6楼#
发布于:2014-04-22 18:30
白左:OP的测试我复现了,预览背景之后背景图片一直在闪,似乎是持续在进行高质量缩放/普通缩放的切换
但是846315的附件打开来却似乎没什么效果
这个bug究竟是怎么产生的?
回到原帖
先前第一次打开还有明显抖动的,
现在重新打开竟没效果了。。。
实际上cpu也暴涨了。
通过开发者工具也能发现它在不断闪烁(重绘?)
关闭image.high_quality_downscaling.enabled后确实回复正常了。

图片:846315.gif


GIF录制可能有频率限制,实际上的闪烁更快。
zths
小狐狸
小狐狸
  • UID34280
  • 注册日期2010-10-19
  • 最后登录2023-08-29
  • 发帖数71
  • 经验49枚
  • 威望0点
  • 贡献值6点
  • 好评度0点
  • 社区居民
7楼#
发布于:2014-04-22 22:38
原来19的时候就提交bugzilla了奥...
zths
小狐狸
小狐狸
  • UID34280
  • 注册日期2010-10-19
  • 最后登录2023-08-29
  • 发帖数71
  • 经验49枚
  • 威望0点
  • 贡献值6点
  • 好评度0点
  • 社区居民
8楼#
发布于:2014-04-23 03:14
白左:OP的测试我复现了,预览背景之后背景图片一直在闪,似乎是持续在进行高质量缩放/普通缩放的切换
但是846315的附件打开来却似乎没什么效果
这个bug究竟是怎么产生的?
回到原帖
我这个不是设置size为cover 是 auto 100%
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
9楼#
发布于:2014-04-23 13:01
zths:我这个不是设置size为cover 是 auto 100%回到原帖
bug 846315的一些评论也指出不单止cover一种情况。
其中提到可以用image-rendering: -moz-crisp-edges解决,不过会让图片显示锯齿。
我在28,31下测试,换成optimizequality或者optimizespeed就没问题了。
楼主可以试试在你的网站加入下面的css。

.pvB{
image-rendering: optimizequality;
}

页面背景的两个动图耗cpu(chrome,ie下也有这情况),
如果不考虑兼容性,
可以试试换成css3的animation和transform: translateX,translateY来完成,估计会好一些
zths
小狐狸
小狐狸
  • UID34280
  • 注册日期2010-10-19
  • 最后登录2023-08-29
  • 发帖数71
  • 经验49枚
  • 威望0点
  • 贡献值6点
  • 好评度0点
  • 社区居民
10楼#
发布于:2014-04-25 02:23
lonely_8:bug 846315的一些评论也指出不单止cover一种情况。
其中提到可以用image-rendering: -moz-crisp-edges解决,不过会让图片显示锯齿。
我在28,31下测试,换成optimizequality或者o...
回到原帖
3Q 我看看吧...
游客

返回顶部