网站优化 - 添加图像尺寸

Question

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

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

对于那些熟悉它的人，我正在使用 Firebug ->“页面速度”工具来分析我网站的“薄弱”区域。

关于上面的链接，图片尺寸，问题是 - 我的网站上有很多动态图片是通过 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. 如果您已查询数据库 对于替代文本，我怀疑你会 注意到任何性能问题，如果 你再加载两列。

Answer 2

我实际上在一个大页面上尝试了选项 B 作为测试，发现它会产生大量的性能问题。我会说您最好使用选项 C 运行。更新您的 CMS 以添加这些尺寸并添加每个图像，并可能在安静的时间运行 cron 以更新所有现有图像而没有尺寸