我正在编写一个 Web 应用程序，该应用程序有一个页面，该页面返回一个对象结果列表，每个对象都有一张个人资料照片。
我不确定我希望这个页面有多大，但我想考虑到它会达到一个更大的水平。现在，我只返回 5-10 个对象，每个对象都有一张相关的照片，而且我看到性能下降。
我知道互联网上有很多关于图像优化的资源，我已经做了一些研究，但仍然不知道应该做什么来优化这个页面。
我知道使用css-sprites是一种选择，但这些照片是由成员添加的，所以我不确定是否可以跟上更新 CSS Sprite 的步伐。
我也知道某些图像类型可能对性能更好，但有时会失去兼容性（尽管我读过反对这一点的文章，并说它已成为过去）。
我对需要优化我的页面上的图像的概念相当陌生，所以如果有人认为有一种更先进的技术可能超过了新手开发人员的能力，那么这对我来说可能是错误的。
任何建议都会有所帮助。如果我尝试一个但无法找出答案，我总是可以尝试另一个。
我意识到这可以在 StackOverFlow 的姊妹网站上进行网页设计，但我也想获得它的服务器端，因为在上传文件时可能需要进行一些修复，所以请不要发表评论关于这不适合 StackOverflow，谢谢！