Как оптимизировать страницу с большим кодом?

Question

[Павел]

не знаю даже какой код прикрепить, попытаюсь обьяснить, есть у меня страничка, я запрашиваю на ней из БД очень много информации и формирую из этой информации таблицу с помощью jquery плагина https://datatables.net/ , после запроса этот плагин формирует страницу и разбивает ее постранично, все гуд
но именно в момент загрузки страницы все данные загружаются и это может привести даже к зависанию браузера на мощном ПК , не говоря уже о слабых пк или телефонах..

как выйти из ситуации?

Answer 1

[zkrvndm]

Вы не должны грузить из БД всё и сразу, надо запрашивать инфу для таблицы небольшими кусками и грузить следующую страницу только после того, как юзер нажал соответствующую кнопку. Кстати, сортировка и формирование таблицы тоже должно происходить на стороне сервера.

Comments

[Павел]

в самописном варианте, я бы так и сделал, а как быть в текущей ситуации?

[Артем Недодаев]

Павел, Этот плагин поддерживает serverside пагинацию, вот держи
https://datatables.net/examples/server_side/simple.html

[zkrvndm]

Павел, никак, здесь нет простого выхода. Ваш комп виснет не из-за большого объема данных, что вы грузите с сервера, здесь то как раз все нормально. Вы можете хоть мегабайт, хоть десять AJAX-ом с сервера выгрузить и запихнуть в переменную - это не приведет к тормозам. Проблема тут в другом, в отрисовке - вы слишком много текста пихайте в DOM в итоге движок браузера виснет, когда вы пытайтесь эти метры текста посмотреть. Конечно, ваш плагин эти метры текста потом убирает со страницы, но ведь они уже добавлены на страницу и в момент добавления зависание уже произошло. Хорошим решением было бы, если бы данные полученные AJAX не выводить на страницу, а как-то напрямую скармливать вашему плагину, но это надо разобрать по винтикам ваш плагин и логику его работы, а может даже придется писать свой вариант плагина. Короче, простого (бесплатного) решения проблемы - нет.

[Павел]

Надим Закиров, теперь ясно, спасибо

[zkrvndm]

Артем Недодаев, ну вот, это как раз то, что нужно. Я так понимаю, достаточно подготовить данные в JSON и их потом можно сразу пихать в плагин, без предварительного вывода всей таблицы на странице, а это значит что не будет зависаний из-за переполнения DOM.

[Артем Недодаев]

Надим Закиров, Да все верно, теперь осталось скрипт на серваке написать, который может обслуживать запросы этого плагина, там вроде по ссылке есть норм пример на пыхе