Использование тегов div быстрее, чем использование таблиц tr и td для табличных данных огромного размера?

Question

У меня огромная таблица загрузки с удаленного сервера aws ec2 через php-скрипты, обращающиеся к базе данных postgres. В настоящее время в таблице имеется 2000 строк с 20 столбцами, загрузка которых занимает около 2 минут после всех оптимизаций запросов, и использование многомерных массивов php для хранения данных для всех членов посредством одного запроса вместо того, чтобы каждый раз запрашивать базу данных для каждого из2000 пользователей.

Мне удалось сократить время загрузки с 5 до 2 минут.

Мой вопрос: нужно ли оптимизировать пользовательский интерфейс? Является ли традиционный табличный тег устаревшим? Какой лучший способ пойти?

Предположим, у меня есть все данные готовы. Если мне нужно выставить их для отображения мгновенно, в огромных количествах, какой лучший способ сделать это?

Я не очень хорошо разбираюсь в HTML, CSS или даже в тестировании пользовательского интерфейса.

Answer 1

В этой ситуации оптимизация пользовательского интерфейса и HTML не будет иметь большого значения с точки зрения времени загрузки.

Я бы порекомендовал вам измерить время, необходимое вашей веб-странице для загрузки полной версии. стол, но шаг за шагом . Поместите команды « echo » в свой код, чтобы разделить весь процесс на маленькие задачи, и тогда вы увидите, куда вам нужно приложить больше усилий с точки зрения времени.

Сколько времени занимает мойпрограмма займет ...

• ... подключиться к моему удаленному серверу?
• ... получить необработанные данные с моего удаленного сервера?
• .. . обработать данные для презентации на следующем шаге?
• ... представить обработанные данные на веб-странице?

Тогда вы увидите, что последний шаг, UI-связанный шаг, это не так актуально (подумайте, что, например, PHPMyAdmin может показывать вам тысячи строк в секундах).

В любом случае таблицы HTML будут наиболее быстрыми, поскольку они более «просты», чем DIV. Попробуйте предварительно сконфигурировать все CSS, которые вы можете, чтобы ваш браузер не нуждался в его расчете!

Answer 2

HTML-таблицы совсем не устарели! :) Это самый быстрый и самый семантический способ отображения таблиц данных.

Если вам нужно микрооптимизировать, я предполагаю, что это может быть быстрее всего использовать фиксированную ширину столбцов (избегая динамического изменения размера). Другие идеи: что-то в JS, которое «транслировало» данные на страницу (избегая повторного рендеринга), использовало функции буферизации вывода PHP или, возможно, изучило экспорт / импорт CSV для управления огромными наборами данных? ;)