阅读:5592回复:14
多图片下滚动太卡了,这多版本都没什么好的改善啊!!!
在图片很多的情况下,滚动是非常的卡顿啊
有说是开了硬件加速,所以关闭了, 没想到,依然是有卡顿, 然后是关闭平滑滚动, 但是那个滚动效果就像是回到了解放前 不平滑的感觉一顿顿的, 那是IE老版本的感觉, FF升级到现在,这么多,这点上面的确是不够好 看看IE10和谷歌是多么的顺畅啊!!! 求破啊! 当然拉也不是所有多图网站卡, 总有那么些卡顿悲摧无比 比如:http://uniqlo.tmall.com/ 然后这个是很流畅的 http://www.tmall.com/go/act/tmall/fsxb. ... .44.sTjPXH 当然这些其他浏览器ie10 谷歌 无问题!!! |
|
1楼#
发布于:2013-04-13 20:48
感觉是这网站的JS代码写的有问题,似乎uniqlo_scrollLoad中的this.getStyle消耗了大量的运行时资源(Firefox工具-分析器),可能有滚动就大量的计算和调整。
我记得改善的是多线程的图片加载,JS运行时还没独立吧。其他浏览器什么样不清楚,或许是优化或兼容性问题。 |
|
2楼#
发布于:2013-04-13 20:48
网页本身的问题,IE 10 和 Opera 都卡。
|
|
3楼#
发布于:2013-04-13 20:48
我的一点都不卡,pcx20+win7+intel核芯显卡
|
|
4楼#
发布于:2013-04-13 20:48
用nightly
现在多了一个多线程解码图片? |
|
5楼#
发布于:2013-04-13 20:48
还行,开头略卡,但过一会儿(还没加载完)就不卡了-_-
|
|
|
6楼#
发布于:2013-04-13 20:48
多图是不会“卡”的,引起“卡”的应如2、3楼所说是网页本身代码的问题。这个网页与我用来做“多图测试“的一个变态级意大利的多图网页根本不是一个数量级的。我那个测试网页仅一个网页从点击链接到全部打开就需要10分钟左右,单独消耗近1GB的内存,因为里面全是一堆原尺寸的大图。但无论是网页打开过程中还是加载完毕后,点下鼠标中键以半屏幕为步长滚动都可以说是上下翻飞,并且可以观察到cpu并无很大的负载。而楼主提供的网页无论在chrome还是firefox下只要滚屏,就能观察到CPU负载在滚屏过程中迅速上升,甚至经常达到90%以上。
所以绝不是”多图“的原因。--忘了具体是哪个版本后firefox的”多图“已经完胜chrome了,chrome在那个变态页面下每次都以time out缴枪投降结束,从来没有一次完整打开过。。。 |
|
|
7楼#
发布于:2013-04-13 20:48
大道有狐:多图是不会“卡”的,引起“卡”的应如2、3楼所说是网页本身代码的问题。这个网页与我用来做“多图测试“的一个变态级意大利的多图网页根本不是一个数量级的。我那个测试网页仅一个网页从点击链接到全部打开就需要10分钟左右,单独消耗近1GB的内存,因为里面全是一堆原尺寸的大图。但无论是网页打开过程中还是加载完毕后,点下鼠标中键以半屏幕为步长滚动都可以说是上下翻飞,并且可以观察到cpu并无很大的负载。而楼主提供的网页无论在chrome还是firefox下只要滚屏,就能观察到CPU负载在滚屏过程中迅速上升,甚至经常达到90%以上。 求这个变态网页网址 离线的也行 |
|
|
8楼#
发布于:2013-04-13 20:48
可以试试 https://addons.mozilla.org/en-US/firefo ... serprofile
它有一个带有lazyload 的技术,可以只解码可视范围内的图片。 |
|
|
9楼#
发布于:2013-04-13 20:48
fang5566:可以试试 https://addons.mozilla.org/en-US/firefo ... serprofile 厉害。。。这扩展真神,可以解决这个啊! |
|
10楼#
发布于:2013-04-13 20:48
看了上面几位说明,
我今天特地下了最新的 23a1, 全新配置,自定义了配置文件夹 1、http://uniqlo.tmall.com/ FF:打开后等待网页加载完成,然后开始鼠标滚轮滚动, 当滚动到第二屏或者再下面时,会有新出现的图片开始加载, 当然这个时候的确是有卡顿的现象, 然后拖动滚动条让所有的图片全部加载完成, 有滚轮快速滚动,就会有些延迟的感觉 当然这个网页js方面的确是对一些图片做了变换的效果的 IE10:同样是等待网页加载完成,然后滚轮快速滚动 好像也发现了轻微的延迟现象了 (记得上次是没有这个情况的,就是图片还在加载中,但是不影响滚动, 这次有些卡,和FF差不多了) Opera:快速滚动,和FF,IE10差不多 有些微卡。 Safari:快速滚动,流畅,和谷歌差不多!赞! 谷歌:等待加载完成,快速滚动,效果不错啊,流畅!赞下! 无论是上下快速都是流畅的一逼啊! 就这点看起来,谷歌的确是做的不错啊! 不过还是希望FF能够越来越好啊,谷歌有些地方还不习惯! |
|
11楼#
发布于:2013-04-13 20:48
我觉得这是firefox的平滑滚动特性和页面的js代码的问题
网页上的js会监听页面滚动事件,每次触发事件时回去遍历页面上的所有图片,计算每一个图片的位置。 在没有平滑滚动特性的浏览器里,鼠标滚轮滚动一格,只会触发一次事件,而拥有平滑滚动特性的浏览器,鼠标滚轮滚动一格,会触发多次事件 在我的机器上,开启了general.smoothScroll后,在自带的调试器里,uniqlo_scroll.js的第23行下断点,滚轮滚动一格,断点被触发了20多次。关闭general.smoothScroll后只会触发一次。也就是说开启平滑滚动后,滚轮每滚动一格,firefox都做了20多倍的操作,当然会显得卡了 另外呢,从程序本身的角度讲,那段js也写得很烂,做了很多无用的计算,稍作优化就应该能避免这种现象发生 |
|
12楼#
发布于:2013-04-13 20:48
老问题了,FF正在加载时,特别是多图或者很长的网页,去拖动的话就会卡
|
|
13楼#
发布于:2013-04-13 20:48
将就用。。。没有那么多讲究..
|
|
|
14楼#
发布于:2013-04-13 20:48
fang5566:可以试试 https://addons.mozilla.org/en-US/firefo ... serprofile 作者已自删,好像是两天前,要砍掉重练还是什么 |
|