Question

您好，我有一个正在托管的Web项目，问题是特定页面的加载速度非常慢。原因是我猜测我正在遍历这些讲座的Jquery代码，而我有超过1200个讲座。我通常会展示所有讲座，并通过搜索过滤掉它们，然后我认为如果不显示任何内容可能会更快，仅当有人正在搜索时才显示，但仍然很慢。这是我的HTML。预先谢谢你。

html

{% extends "base.html" %}
{%block content%}
{% load crispy_forms_tags %}

<div class="container"><h1 style="text-align:center;">Not Dağılımları</h1>
    <hr>
</div>
<div class="container">

        <div class="form-group pull-right">
    <input type="text" class="search form-control" placeholder="Ara">
        </div>
        <span class="counter pull-right"></span>
        <table style="background-color:white;"class="table table-hover results">
    <thead>
        <tr>
        <th >Hoca</th>
                <th>Fakülte</th>
        <th >Ders</th>
        </tr>
        <tr class="warning no-result">
        <td><i class="fa fa-warning"></i> Sonuç Yok</td>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

</div>




<script>
$(document).ready(function(){
        $(".search").keyup(function () {
            $('tbody').find('tr').remove();
            var searchTerm = $(".search").val().toLowerCase();
            if (searchTerm.length>2){
            list=[]
            {%for lec in lecturer_list%}
            if( '{{lec}}'.toLowerCase().includes(searchTerm)){
                $('tbody').append('<tr><td><p><a style="text-decoration:none;color:#002855;" href="{% url 'distribution:lecturer_distribution' slug=lec.slug%}">{{lec.lecturer}}</a></p></td><td><p>{{lec.faculty}}</p></td><td style="color:white;">{%for ders in lec.lecture.all%}<a style="text-decoration:none;color:#002855;" href="{% url 'distribution:lecture_distribution' slug=ders.slug%}">{{ders.lecture}}</a>,{% endfor%}</td></tr>');
      }

            {%endfor%}
        }
        });
});

</script>

{% endblock content%}

编辑这是我的讲师模型

class Lecturer(models.Model):
    lecturer=models.CharField(max_length=128,blank=False)
    lecture=models.ManyToManyField(Lecture,blank=True)
    faculty=models.ForeignKey('Department', on_delete=models.CASCADE, related_name='department_for_lecturer')
    slug = models.SlugField(unique=True)

    def save(self, *args, **kwargs):
        self.slug = self.slug or slugify(self.lecturer)
        super().save(*args, **kwargs)

    def get_lectures(self):
        return ",".join([str(p) for p in self.lecture.all()])

    def __str__(self):
        return self.lecturer

    class Meta:
        ordering = ['lecturer']

views.py

class Index(generic.ListView):
    template_name='home.html'
    models=Lecturer
    queryset = Lecturer.objects.all()


    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        context ['lecturer_list'] = Lecturer.objects.order_by('lecturer')
        return context

Answer 1

这是一个常见的 N + 1问题，其中您在一个数据库查询中获取所有Lecturer，但是随后对于每个Lecturer，您都进行了额外的查询以获取lecture对象以及与之相关的faculty对象。

您可以使用.select_related(…) [Django-doc]处理一对一关系和多对一关系，使用.prefetch_related(…) [Django-doc]处理一对多和多对多关系来提高效率。所以在这里您可以使用：

class Index(generic.ListView):
    template_name='home.html'
    model = Lecturer
    context_object_name = 'lecture_list'
    queryset = Lecturer.objects.select_related(
        'faculty'
    ).prefetch_related('lecture').order_by('lecturer')

由于这是ListView，因此无需自己将查询集添加到上下文中，因此您可以指定变量的名称，并在其中使用context_object_name attribute [Django-doc]传递查询集。

页面在django中加载非常慢

1 个答案: