Как ускорить загрузки большой HTML-таблицы?

Question

[zencd]

Есть HTML-страничка весом 4,5 МБ, состоит из HTML-таблицы в 2000 строк.
Исходник HTML рендерится за 250 мс (данные согласно curl).
JavaScript в самом конце страницы исполняется только через 4 секунды после начала загрузки страницы.
Другого JavaScript'а в коде нет, CSS, шрифтов, иных внешних ресурсов нет.

Как уменьшить эти 4 секунды до миллисекунд?

Достаточно ли заменить TABLE на DIVы c display "table-cell" или "flex-box"? В принципе, если это ускорит домо-строение, могу задать высоту каждой ячейки.

Можно, конечно, подгружать таблицу постепенно JavaScript'ом, но пока что JS хотелось бы избежать, оптимизировать именно браузерный рендеринг.

Comments

[Albert Kazan]

браузерный рендеринг?
А с браузером то вашим все в порядке? С компом?

[sundrey]

Тоже сталкивался с выводом строк на страницу.
DIV быстрее работать не будет, table отрабатывает быстрее.
Но у меня данные подгружаются постепенно

Answer 1

[abroabr]

Во первых зайти в Web Developer Tools в браузере. Например для Firefox это в меню "Web Developer/Network"
И посмотреть а что именно тормозит. Если тормозит именно загрузка - то проверить, а отдает ли сервер сжатые данные (если nginx, то включен ли gzip on).

Comments

[zencd]

Страница отдаётся за 250 мс. Это нормально и оптимизации не требует. Никакие внешние ресурсы не подключены.

[abroabr]

zencd, перенести JS вверх пробовали?

[frees2]

Посмотрел бы страничку и чего нибудь умное сказал.
Так понял, это громадная таблица?

Answer 2

[Albert Kazan]

Лучшее решение всегда это пост загрузка (вывод) данных. Просто каркас давайте пользователю, а потом при полной загрузке уже, подгружайте контент. Это не особо сложно.

Answer 3

[forspamonly2]

table-layout: fixed;