网站优化-添加图片尺寸

Question

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

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

对于熟悉它的人，我正在使用Firebug ->“Page Speed”工具来分析我的网站的“薄弱”区域。

关于上面的链接、图像尺寸，问题是 - 我的网站上有很多通过CMS上传的动态图像，因此高度/宽度会有所变化。因此，指定图像尺寸有多重要？如果一个页面有5-10个来自CMS的图像，哪个选项更好：

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

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

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

谢谢

- Isuru Palliyaguru

Answer 1

c

1. 设置图像大小将使页面加载更加流畅。

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

2. 如果您已经查询了数据库以获取alt文本，则加载两列不会对性能产生任何影响。

- Oliver A.

---

感谢您的回答。我选择了第二个选项。 :) - Isuru Palliyaguru

Answer 2

我曾经在一个大页面上测试过选项B，但发现它会导致严重的性能问题。因此，我建议你最好选择选项C。更新你的CMS以添加每个添加的图像的尺寸，并在空闲时间运行cron来更新所有现有图像而不添加尺寸。

- robjmills