Я рассматриваю два разных способа выполнения одной и той же задачи по отображению динамического HTML с использованием AJAX. Первый способ - просто сгенерировать серверную часть HTML, а затем вставить ее через. DOM (на самом деле $ (). load () в jQuery). Второй метод заключается в том, чтобы сгенерировать серверную часть JSON, а затем использовать эти данные для внедрения элементов в DOM.
Я хотел бы знать преимущества и недостатки каждого метода, особенно с точки зрения компромиссов производительности. Очевидно, что необходимость отправки HTML вместе с данными приведет к замедлению процесса с точки зрения HTTP-ответа, но насколько большими должны быть данные, чтобы он загружался заметно дольше?
При этом как производительность рендеринга нового HTML сравнивается со сборкой объекта DOM и последующим внедрением его в текущий документ? У меня есть ощущение, что большинство браузеров будут более эффективными для рендеринга кусков свежего HTML, чем для рендеринга фрагментов разных частей страницы за раз (может быть, потому что браузеры делают это дольше? , Как сравнить разные браузеры? (Я лично использую Chrome (не для тестирования), но я ожидаю, что веб-приложение будет использоваться в Safari, IE7, IE8 и Firefox).
Если JSON явно лучший метод, что считается слишком экстремальным? Как насчет загрузки индекса, чтобы получить объект документа и, возможно, простую структуру страницы, а затем использовать AJAX и JSON для всего остального?