网站优化 - 添加图片尺寸

Question

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

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

对于那些熟悉它的人，我正在使用Firebug - ＆gt; “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. 如果您已经在查询数据库 对于替代文字，我怀疑你会 请注意任何性能问题 你再加载两列。

Answer 2

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