Как сделать пререндер html/JS с помощью django

В настоящее время я использую fancyTable.js https://github.com/myspace-nu/jquery.fancyTable для постраничной обработки результатов и динамического поиска. Пагинация и поиск работают очень хорошо после загрузки страницы, однако, начальная загрузка страницы задерживается (~2-3 секунды) из-за большого количества данных, выводимых на страницу (при меньшем наборе данных эта задержка не заметна)

Я пытался выполнить пререндер страницы, используя <link rel="prerender" href="{% url 'dashboard' %}"> в заголовке, но я предполагаю, что пререндер не работает, потому что django url не был вызван, что означает, что данные не были переданы веб-странице.

Какой лучший способ пререндеринга этой страницы?

dashboard.html (проблема в компании, она содержит 3000+ объектов):

<table id="mytableID" style="width:100%; "
                   class="table table-striped sampleTable">
                <tr>
                <th>Firstname</th>
                <th>Lastname</th>
                <th>Age</th>
            </tr>
                 {% for user in companies %}
                <tr class="tableHeaderData" style="display: none">
                        <td class="">
                            <input class="checkboxHeaderData" style=" " type="checkbox">
                        </td>
                        <td class="headerNameMainData">
                            <div class="nameHeaderData">
                                <p class="textStyleData">{{ user.company }}</p>
                            </div>
                        </td>
                        <td class="headerStageMainData">
                            <p class="textStyleData">{{ user.stage }}</p>
                        </td>
                        <td class="headerStatusMainData">
                            <p class="headerStatusData">In Progress</p>
                        </td>
                        <td class="headerSubmarketMainData">
                            <p class="headerSubmarketData">{{ user.submarket }}</p>
                        </td>
                        <td class="headerKeywordsMainData">
                            <p class="headerKeywordsData">Keyword</p>
                        </td>
                    </tr>
                {% endfor %}


                  </table>

Скрипт js:

<script type="text/javascript">
             $(document).ready(function() {
                $(".sampleTable").fancyTable({
                  /* Column number for initial sorting*/
                   sortColumn:1,
                   /* Setting pagination or enabling */
                   pagination: true,
                   /* Rows per page kept for display */
                   perPage:5,
                   globalSearch:true
                   });

            });
        </script>

Вернуться на верх