站点优化-添加图像尺寸

Question

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

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

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

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

a)不指定图像尺寸

b)使用PHP的getimagesize函数动态获取图片尺寸，并将其作为width和height放入IMG标签中

c)更新我们的数据库以存储每个图像的宽度/高度(我已经在从数据库的image表中查询其他信息，例如"alt“属性的文本)，然后访问这些列以用于前端的IMG标记？

我认为"c“是最好的选择，但我想听听谁对哪个选项更好有什么建议或统计数据。显然，"c“意味着我们需要从数据库中查询更多的数据。

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

谢谢

Answer 1

c

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

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

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

Answer 2

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