优化图像显示的性能

Question

我正在编写一个Web应用程序，该应用程序有一个返回对象结果列表的页面，每个对象都有一个个人资料照片。

我不确定我期望这个页面有多大，但我想说明它到了一个更大的水平。现在，我只能返回5-10个对象，每个对象都有相关的照片，而且我看到性能下降。

我知道互联网上有很多关于图像优化的资源，并且我已经做了一些研究，但仍然失去了我应该如何优化此页面。

我知道使用css-sprites是一个选项，但这些照片是由成员添加的，所以我不确定是否可以跟上更新CSS Sprite。我也意识到一些图像类型可能会更好的性能，但有时会失去兼容性（虽然我已阅读文章，反对这一点，并说这是过去的东西）。

我对于需要在页面上优化图像的概念相当陌生，所以如果有人认为更高级的技术可能会超过新手开发人员的能力，那么对我来说这可能是错误的。

任何意见将有所帮助。如果我尝试一个而无法找出答案，我总是可以尝试另一个答案。

我意识到这是可以在StackOverFlow的姐妹网站上关于网页设计的东西，但我想获得它的服务器端，因为可能有一些修复程序，当我上传文件时需要做的，所以请不要评论如何不适合StackOverflow，谢谢！

Answer 1

optimisng图片的好方法是使用cache，并加上thumbnail他们！

如果你不知道有关缓存：

• 这是很好的教程，开始为 webdesigners/devlopers：Cache Tutorial for web authors`

• 这是创建图像转换成使用PHP和Gd缩略图好的教程（随PHP默认） 只是检查柜面 Create thumbnails using PHP and GD`

Answer 2

将它们缩小到服务器端所需的EXACT尺寸，然后将它们转换为JPEG格式。另外，如果可能的话，只需为所有用户使用一张“默认”照片，然后在页面加载后通过AJAX加载单个个人资料照片。