压缩图片宽高会损耗浏览器性能么?

刚遇到的这个问题,页面上有很多图片做横向的排列,跟竖向的瀑布流差不多,全是图片;

然后做一个鼠标滚动的效果,就是鼠标中键在页面内上下滚动,页面的内容会左右移动,其实就是改变了scrollLeft的值。

好,问题来了,图片大小是正方形,随着浏览器变化而变化,原图片大小是600*600px,在普通的显示器上,页面上显示大概为150*150px左右,随着浏览器宽高的变化可能会变得更小100*100px甚至更小,或者变大;

那么600*600px的图片,在页面上压缩成150*150px左右大小,当鼠标滚动是,页面会出现反应迟钝,卡,偶尔的鼠标滚动失效…………这是因为图片压缩的太狠,导致浏览器损耗太多性能,从而不能及时反应么?有没有遇到过这种问题的,求指教……

收藏 0分享浏览 1475
4年前
跟帖
芋头
4年前

的确有这个问题。性能优化的一条准则就是图片不要自动缩放,

不过具体内在机理不是很了解的说,改天帮你搜一下

沙发
羽音篠之
4年前

取决于浏览器实现是不是会缓存图片缩放结果,可以去不同的浏览器上试试看……

板凳
@羽音篠之 不同浏览器效果确实有差别,火狐处理的效果就很好……
地板
说几句
广告位 点击查看投放指南

我的收藏