Как ускорить загрузку большого количества изображений в django шаблонах?

Question

Я хочу ускорить процесс загрузки изображений в django шаблонах. Теперь я нахожусь в ситуации, когда страница «ПОЛУЧИТ» все изображения и затем отобразит страницу.

часть индекса. 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 %}

часть вида .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 Плагин может быть использован

UPD Как @Kurohige упоминается ниже , вы должны оптимизировать изображения для веб-сайтов. Под оптимизацией он подразумевает сжатие изображений без потерь размера