网站优化 - 添加图像维度

Question

我正在根据Google的网站优化标准优化我的网站:

http://code.google.com/speed/page-sp...mageDimensions

对于那些熟悉它的人,我使用Firebug - >"Page Speed"工具来分析我网站的"弱"区域.

关于上面的链接,图像尺寸,问题是 - 我的网站上有很多动态图像,通过CMS上传,因此高度/宽度不同.因此,指定图像尺寸有多重要？如果某个页面有来自CMS的5-10张图片,则下面哪个选项更好:

a)不指定图像尺寸
b)使用PHP的getimagesize函数动态获取图像尺寸,并将其作为"宽度"和"高度"放入IMG标记中
c)更新我们的数据库以存储每个图像的宽度/高度(我已经在我的数据库中查询图像表中的其他信息,例如"alt"属性的文本),然后在前端访问IMG标记的那些列？

我认为"c"是最好的选择,但我想听听是否有人对哪个选项更好有任何推荐或统计.显然"c"意味着我们需要从数据库中查询更多数据.

我们还使用单独的数据库服务器,并使用浏览器缓存.(http://code.google.com/speed/page-speed/docs/caching.html)

谢谢

Answer 1

C

1. 设置图像大小将为您提供更好的页面加载行为。

   如果您不设置大小，页面的某些部分将在页面加载时调整大小，这简直是丑陋的。

2. 如果您已经在数据库中查询替代文本，那么如果您再加载两列，我怀疑您是否会注意到任何性能问题。