收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1551|回复: 5

[求助] 图片执行效率的疑问!

[复制链接]
发表于 2011-10-6 14:18:03 | 显示全部楼层 |阅读模式
在css中定义图片的大小,和直接给图片属性写上宽和高 这两种方法,那种在网页中执行的效率好些,占用资源小些?
发表于 2011-10-6 19:26:42 | 显示全部楼层
baidu 统计中,建议直接给图片宽、高
回复 支持 反对

使用道具 举报

发表于 2011-10-6 19:38:30 | 显示全部楼层
应该是后者,直接给图片属性写上宽和高,就是直接告诉浏览器,我要占个位子在这(Dreamweaver称之为“图像占位符”),以免浏览器渲染整个页面的时候摸不着头脑,你到底要多大块地方?
而css里面定义的图片的大小,其实跟图片本身没什么关系,只是呈现图片的样式,宽和高而已。
如果LZ逛过淘宝的话,应该见过这样的情况:比如一个服装展示区会有很多图片,如果刚加载页面你就拖动滚动条,等那些图片全都显示出来的时候,滚动条又“噌噌”地往上跳,你得再往下拖动滚动条,才能看到更下面的内容。要是你看那些图片源码的话,就能发现一般只写了src属性,没有写上宽和高。这个影响倒不是十分大。要是那种布局复杂,图片又比较多的页面,加载的时候可能会出现布局错乱的情况,等完全加载好,布局就没问题了。
回复 支持 反对

使用道具 举报

发表于 2011-10-6 23:24:11 | 显示全部楼层
给图片添加宽和高属性可以加快页面渲染的速度,特别是页面中图片数量很多的情况下。
回复 支持 反对

使用道具 举报

发表于 2011-10-7 15:59:14 | 显示全部楼层
推荐是在图片上定义好高宽,而样式表中不定义。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-10-8 14:29:18 | 显示全部楼层
谢谢大家!!!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-8-25 19:28 , Processed in 0.093515 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表