如何优化动态加载页面上的10+全尺寸图像？

Question

On my page，我一次动态加载10张图片。大多数情况下，这些图像都是巨大的3000px +，我只是调整它们的大小。在加载更多图像（无限滚动）时，页面变得漂亮，除非因为内存消耗。

有没有办法快速优化图像？我在考虑使用API​​进行图像压缩，但我认为这不是最有效的方法。我尝试过我不必实施服务器（不是我不能，但我不想）。

有什么想法吗？

Answer 1

最好的方法是调整服务器上的图像大小。它可以在运行中使用＆＃34;图像代理＆＃34;比如https://github.com/willnorris/imageproxy或某些SaaS。 而且，为了减少服务器上的负载，您可以添加CDN，如CloudFlare（免费）或CloudFront。