Рационально ли рендерить HTML некоторых partial-блоков на стороне сервера и вставлять полученный код на стороне клиента напрямую в DOM?

Question

[Дмитрий]

Считается ли практика рендеринга HTML-кода различных представлений (в основном partials-элементов, типа только что добавленного пользователя) на стороне бэкенда и вставка полученного HTML на стороне фронтенда (например через $.append()) дурным тоном или же данных подход допустим?

Answer 1

[Rou1997]

Более чем допустим, "толстый сервер" - "тонкий клиент", максимальное быстродействие на стороне клиента, пользователям только хуже было если бы на них "висел" парсинг JSON и рендеринг, а "железо" сервера можно и помощнее, а в целом зависит от задачи, бывает и gotoи BLOBвместо файлов допустим.

Comments

[Дмитрий]

Для мелких задач это решение не использую, если нужно просто изменить какой-то один элемент - данное решение будет избыточным. Обычно рендерить приходится какие-то средне-большие блоки, вроде карточек товаров, чтобы лишний раз страницу не перезагружать.
Спасибо за ответ.

[Rou1997]

Дмитрий:

если нужно просто изменить какой-то один элемент - данное решение будет избыточным

Как раз в таком случае оно будет менее избыточным, чем аналогичный JSON, что по размеру пакета, что алгоритмически. :)
Допустим, есть span, а в нем текст "ABC", нужно его изменить, взяв текст "DEF" с сервера. Сервер возвращает:

Content-Type: text/html

DEF

На клиентской стороне:

$.ajax(....
var myspan = document.get....(...);
myspan.innerHTML = data;
});

И всё!
А теперь если бы JSON:

Content-Type: application/json

{"val":"DEF"}

На клиентской стороне:

$.ajax(....
var myspan = document.get....(...);
myspan.innerHTML = JSON.parse(data)["val"];
});

Ну? :)

[Дмитрий]

Rou1997: Убедительно. Спасибо за развёрнутый ответ.

Answer 2

[Stalker_RED]

Да, вполне нормальный вариант закешировать отрендеренные блоки. Правда, они чаще вставляются не на клиенте, а на сервере, на финальном этапе сборки страницы. Но можете попробовать и через ajax.

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

Comments

[Дмитрий]

Задача заключается в добавлении только что созданных моделей на страницу без перезагрузки страницы. Запрос делается через AJAX, блок каждый раз с новыми данными рендерится сервером.
Спасибо.

[Stalker_RED]

Дмитрий: Тогда почему не json и рендер на клиенте? Что вы выигрываете делая рендер на сервере?

[Дмитрий]

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