1

Имеется html таблица на >500 строк, вывод ее генерируется php. В браузере все это добро порядком тормозит. Можно ли оптимизировать рендер, но только желательно не многостраничным методом, так как имеется множество таблиц, которые на друг друга ссылаются и ссылки ведут на конкретную запись в таблице, на которую срабатывает автоскролл (JQuery.scrollTo()). Не хочу себе усложнять жизнь)). Хотя если решения нет, приму вариант с каким-нибудь плагином, который реализует многостраничность.

10
  • Тормозит html таблица?О_о<br> Жажду пруфлинк... Ксатит - ПРИЧЕМ ТУТ РЕНДЕР? >_<
    – user3545
    21 окт 2011 в 18:29
  • Сорри неправильно выразился, под рендером я имею виду принцип вывода. Возможно есть смысл скрыть часть таблицы как-нибудь в DOM, а при скролле выхватывать ту часть, которая попадает в область видимости, но у меня подозрения, что движок это и так делает. Тормозит очень сильно огнелис, чуть меньше хром - все под линуксом.
    – culebre
    21 окт 2011 в 18:39
  • ИМХО - не в ту сторону копаете...
    – user3545
    21 окт 2011 в 18:41
  • А плагина-обертки нету, чтобы асинхронно подгружалось в скажем div, а jquery разбивал бы весь контент автоматически на страницы?
    – culebre
    21 окт 2011 в 18:53
  • Вы бы лучше поискал плагин который будет за Вас весь код писать :)<br> Обьем не является проблемой ( хотите доказать обратное? жду пруфлинка )<br> Не люблю повторятся, но - не в ту сторону копаете...
    – user3545
    21 окт 2011 в 18:56

4 ответа 4

1
  1. Программным путем разделите хтмл контент по количеству слов (к примеру, 1000 слов на страницу).
  2. Выводите этот кусок на экран.
  3. Сделайте скрипт на жквери который после $(window).load начнет подгружать остальные куски один за другим.
  4. А на ссылки, которые будут делать скролинг поставьте нечто типа $('a#scroll').live('click', function(){});, т.к. будет подгружаться в дом обьект после полной загрузки. Потому надо им хендлеры поставить, которые перехватывают клик на обьект, который подгрузился в дом динамически.

Есть еще вариант. Но я не пробовал. Плугин для жквери lazyload.

3
  • Предпоследний комментарий ТСа гляньте и Вы поймете, что не то :)
    – user3545
    23 окт 2011 в 8:05
  • Я не пойму, конкретно о чем автор беспокоится. Просто предложил вариант обхода ))) Дальше уж его дело.
    – num8er
    23 окт 2011 в 8:34
  • AlexWindHope я использовал еще Chrome, производительность последнего процентов на 30% выше, но скролл все равно тормозил. А выбор браузера остается за клиентом, а не за мной, поэтому я считаю глупым просить клиента сменить браузер, если моя система тормозит! И производительность, это не единственный ньюанс, еще важно и удобство.
    – culebre
    23 окт 2011 в 14:02
1

Проблема рендера таблицы в том - что браузер должен обработать все строки, дабы узнать сколько-же столбцов в таблице.
Используйте теги < col > и < colgroup > - это даст визуальное ускорение отображения.
При большом кол-ве строк ( вес в памяти строки таблицы - достаточно велик ), можно действовать иначе: сделать таблицу на ( к примеру ) 50 строк, и реализовать JS scrollbar, который будет изменять содержимое строк при прокрутке.

1
  • Спасибо, вот это уже интересно!
    – culebre
    23 окт 2011 в 13:56
0

Это всеж зависит от компьютера клиента. Насколько он "быстр". А Вывод делайте как хотите. Прятать тоже не вариант, ибо будет тот же результат и даже хуже. НО если подгружать таблицу и пихать подгруженные строки $.append()-ом, думаю более менее облегчит задачу.

0

Нашел исчерпывающее решение проблемы:
DataTables

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.