YSLOW性能测试前端调优23大规则(二十一)---避免过滤器
AlphalmageLoader过滤器是IE浏览器专有的一个关于图片的属性,主要是为了解决半透明真彩色的PNG显示问题。
AlphalmageLoader的语法如下:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
属性:
enabled:是一个布尔值,表示是否激活滤镜功能,true表示激活,false表示禁止。
sizingMethod:设置或检索滤镜对图片所在的对象容器边界内显示方式。
O crop:表示会对图片进行剪切让其适应对象尺寸。
O image:增大或减小对象的尺寸边界以适应图片的尺寸,默认值。
O scale:通过缩放图片的方法来适应对象的尺寸边界。
src:表示背景图像的绝对或相对的URL地址。
下面是一个使用的实例:
站在性能分析的角度,不建议使用AlphalmageLoader过滤器主要原因如下:
1. 会增加内在的消耗,因为在加载过程不是按图像应用来加载的,而是按每个元素应用来加载的。
如果使用抓包工具或页面分析工具会发现,使用AlphalmageLoader过滤器请求的时候明显会更长,并且所消耗的内存也会明显增多。
2.这个过滤器在下载图片时会阻止浏览器进行渲染并且冻结浏览器。