Как загрузить несколько изображений из json-данных - django

я пытаюсь показать несколько изображений в моем шаблоне с помощью ajax запроса каждый пост имеет несколько изображений, но загрузка изображений занимает некоторое время!

class Document(models.Model):
    booking =models.ForeignKey(Booking,on_delete=models.PROTECT)
    docs = models.ImageField(upload_to=upload_docs)

class Booking(models.Model):
    admin = models.ForeignKey(User,on_delete=models.CASCADE)
    title = models.CharField(max_length=40)

my views.py

def booking_detail_lists(request,id):
    obj = get_object_or_404(Booking,id=id)
    doc = Document.objects.filter(booking=obj)
    documents = []
    for i in doc:
        documents.append({
            'source':i.docs.url
        })

    data = {            
        'title':obj.title,
        'admin':obj.admin.username,
        'images':documents

    return JsonResponse({'data':data})

это мой скрипт для загрузки изображений, но он слишком медленно загружает изображения!

$.ajax({
        type:'GET',
        url:"{%url 'booking:booking_detail_lists' id=2222 %}".replace(/2222/,{{obj.id}}),
        success:function(data){
            if(data.data){
                let images = data.data.images
                imgs = ''
                for(i=0;i<images.length;i++){
                    imgs +=`
                    
                    <img src="${images[i]['source']}"
                         class="w-full" alt="">
                    `
                    console.log(images[i]['source'])
                }
                document.getElementById('images').innerHTML = imgs


            }
        }
    })

<div class="w-full md:w-6/12 mx-auto rounded-lg " id="images">
                </div>  

и вот мой url path('ajax/booking/<int:id>',booking_detail_lists , name='booking_detail_lists'), он загружается слишком медленно! Есть ли лучший способ загрузить данные изображения через ajax, пожалуйста?! `