|
阅读：5590回复：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 作者已自删，好像是两天前，要砍掉重练还是什么 |
|
