В чем разница между рендерингом на стороне клиента и на стороне сервера?

Question

Хорошо, я работаю над курсом Node Js, и я немного растерялся из-за разницы между рендерингом на стороне клиента и на стороне сервера.

1-й вопрос: какова цель использования клиентской части на стороне клиента, КОГДА вы можете просто обслуживать HTML / CSS через серверную часть на стороне сервера, используя app.use (express .stati c (__dirname, 'publi c') Насколько я понимаю, он выполняет то же самое.

2 Вопрос: Какова цель front-end, если вы можете просто выполнить sh то же самое, используя app.get () на express сервер.

Я действительно запутался в интерфейсе и бэкэнде, и когда уместно использовать интерфейс / express .stati c () ИЛИ просто подавать файлы на express сервер. Пожалуйста, объясните свой ответ в самом простом виде, а не кучу технических жаргонов.

Answer 1

Это вопрос, подразумевающий взвешенные ответы, который не является целью StackOverflow. Я все же предоставлю ответ с фактическими аргументами.

Преимущества рендеринга на стороне клиента по сравнению с рендерингом на стороне сервера заключается в том, что он улучшает взаимодействие с пользователем, никогда не перезагружая страницу. Использование сети сведено к минимуму (только отображаемые данные, в JSON, что является очень легким форматом), что ускоряет его в целом. Вы также можете выполнять такие действия, как анимация навигации и т. Д. c ...

С другой стороны, требуется больше времени для запуска из-за размера файлов JS (часто несколько МБ), и он менее оптимизирован для SEO (Google улучшил это, поскольку они больше не используют Chrome 41 для своего GoogleBot, но он по-прежнему не очень хорошо индексирует сайты на стороне клиента).

Большинство JavaScript фреймворки абстрагируют манипуляции с DOM и позволяют клиентской стороне взаимодействовать с серверной стороной, поскольку JavaScript может выполняться в браузерах и Node.js. Это позволяет извлечь выгоду из лучшего из обоих миров.