Разница в производительности между статическим рендерингом HTML и динамическим рендерингом элементов DOM

Question

Я создаю приложение для онлайн-опросов. Я задаю вопросы на нескольких страницах. Я собираюсь использовать Ajax-подход, при котором контейнерный элемент div обновляется следующим вопросом, когда пользователь просматривает страницу в опросе. Вопросы будут храниться на сервере. Должен ли я вернуть полностью сформированный HTML-фрагмент с сервера и установить div html напрямую, или я должен вернуть JSON-объект, представляющий вопросы и некоторые динамические манипуляции с DOM на клиенте, чтобы отобразить HTML в div? Я заинтересован в динамическом подходе, но спрашиваю себя, может ли быть проблема с производительностью при работе на iPad (в прошлом я видел низкую производительность jquery на iPad).

Большое спасибо.

Answer 1

В прошлом у меня были проблемы с медленным подключением к Интернету и из-за того, что мои ajax-скрипты не работали или были слишком медленными, поэтому в итоге пользователь ждал, пока данные будут отправлены на сервер, а затем после отправки отобразит следующий вопрос.

Я бы лично выбрал фрагментированный полный HTML.Так что пользователь может быстро пройти опрос, не дожидаясь, пока сервер загрузит AJAX.Поэтому увеличивая его проходимость.В конце вышлите заполненный опрос.

Надеюсь, это поможет.

Answer 2

Я бы держал свое представление отдельно от своих данных. Кроме того, передача данных обычно дешевле.

Answer 3

Если вы не делаете что-то нелепо странное, вы никогда не заметите никакой разницы в производительности между ними.Однако вы можете иногда заметить разницу в пропускной способности, поскольку сгенерированный HTML-код будет намного больше, чем любая передаваемая структура.сервер или клиент.Мой голос всегда за клиента:)