如何在django模板中加速加载大量图像？

Question

我想加快在django模板中加载图像的过程。现在，我所处的情况是页面将“获取”所有图像，然后呈现页面。

Index.html的一部分：

{% extends 'base.html' %}
{% load thumbnail %}

{% block content %}
{% for new in news_list %}
    <div class="card">
    {% thumbnail new.image "250x250"  as im %}
       <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
    {% endthumbnail %}
    </div>
{% endfor %}
{% endblock %}

view.py的一部分

from .models import News

def home(request):
   news_list = News.objects.all()
   return render(request, 'index.html', news_list)

我使用chrome "F12“来查看发生了什么。“获取”所有图像需要很长时间。我认为这不是获得大型模型的问题。有没有其他方法可以在模板中显示一些图像，而不是获取所有图像？非常感谢。

Answer 1

当你真的有很多的图片时，这里的解决方案是按需加载图片。就像用户向下滚动并下载新图片一样。

像jquery-loadscroll插件一样可以使用

更新正如@Kurohige在下面提到的，你也必须为网络优化图像。通过优化，他的意思是无松散的图像大小压缩