VUE.JS Нужно ли?

Question

[Данил Ситдиков]

Не давно начал изучать vue.js и вроде как бы идет но появились вопросы:

1. Что лучше когда сервер(на php) компилирует html и отправляет клиенту или когда сервер(php) отправляет массив данных и уже js-фреймворк выводит это самое меню. Ну и не только меню. Главные критерии это скорость загрузки сайта и снижение нагрузки на сервер.

2. Если ли смысл делать интернет магазин используя на клиенте vue.js а на сервере cs-card ?

пы.сы. Сразу извиняюсь если вопросы тупые)

Answer 1

[yurygolikov]

На вопросы "Что лучше?", "Есть ли смысл?" можно ответить только в контексте и то субъективно. Магазин недостаточный контекст, магазин магазину рознь.

- Однозначно за SPA приложениями будущее. При SPA можно также отдавать html - SSR.
- SPA делать дольше, тк по сути вы делаете 2 приложения (клиентское и серверное).
- При SPA нагрузка на сервер и время ожидания страницы больше всего приходится на первую загрузку приложения. Далее выводы можно делать в зависимости от конкретной ситуации.

Comments

[Данил Ситдиков]

Ну ответьте субъективно

[DarkByte2015]

Уже несколько раз читал на хабре какие-то странные статьи про реакт в котором использовался серверный рендеринг. Хз в чем там прикол...

[yurygolikov]

DarkByte2015, Одно из главных преимуществ - нормальное индексирование поисковиками.

[numfin]

Быстрая загрузка и html для тех, у кого скрипты вырублены при первой серии загрузке

Answer 2

[romanovilya]

Пока ПС (Поисковые Системы) не научатся нормально индексировать сайты с шаблонизацией на клиенте, будущее SPA не так радужно, как этого многим бы хотелось, гг)

Ибо клиенту нахрен не нужен магазин, который не индексируется от слова "совсем")

Comments

[yurygolikov]

Вы видимо не слышали про Server Side Rendering в SPA.

[romanovilya]

Видимо не слышал, да. Но по какому принципу ботам отдаются страницы с сервера, а посетителям массивы данных, из которых потом (уже на клиенте) "компилируется" ХТМЛ?)

[yurygolikov]

romanovilya, При запросе отдается скомпилированная страница html с SPA приложением. Те ботам всегда отдается скомпилированная страница. А при использовании SPA юзерами приложение делает запросы в ответ на действия юзера уже к API сервера.

[Данил Ситдиков]

API к примеру JSON с информацией? Я сразу скажу пока не очень с этим знаком так что если будут ошибки не накидываетесь)

[yurygolikov]

Данил Ситдиков, К примеру да.
https://ssr.vuejs.org/ru/

[Данил Ситдиков]

О вы меня поняли) так вот у меня главный вопрос это какой вариант будет менее нагружать сервер когда на сервере компилируется весь html и уже отправляется клиенту либо же когда отправляется SPA и уже на клиенте выводится html. (Чет мне кажется фигню написал )

[Данил Ситдиков]

а за ссыль спасибо, обязательно по читаю

[yurygolikov]

Данил Ситдиков, Если SPA без SSR, то в большинстве случаев оно будет меньше нагружать сервер. Серверу нужно будет только отдавать статику и к примеру JSON из своего API.

[Данил Ситдиков]

Вот это и хотел услышать, пойду дальше изучать, вам спасибо за инфу.)

[RALMAZ]

Даже без SSR индексирует
на 30% медленней, но индексирует

[Сергей delphinpro]

yurygolikov,

Если SPA без SSR, то в большинстве случаев оно будет меньше нагружать сервер.

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

[yurygolikov]

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

Answer 3

[xmoonlight]

В качестве единого подхода к проектированию SPA (поисковики и браузеры), добавлю информацию о своём мини-фреймворке includeHTML, который позволяет как раз:
1. Сверстать шаблон, который может запускаться и работать полностью локально (без сервера!), загружая динамически нужные блоки страницы.
2. На нём очень просто создавать SPA, содержащие различные информационные блоки, которые можно раздельно отдавать с сервера, а для ПС(поисковых систем) - сшивать в единую HTML-страницу на стороне сервера.
3. Быстро понять, как использовать.

В плане быстрого шаблонизатора для JSON на стороне клиента - могу посоветовать REX Tiny Templater

Answer 4

[ajaxtelamonid]

1. Если в приоритете скорость загрузки сайта - лучше генерация на php. Если снижение нагрузки на сервер - отображение на js. Но разница и там и там настолько мала, что её нельзя рассматривать всерьёз.

2. cs-card - это готовый магазин ? Так делать скорее всего нельзя, там скорее всего свой фронт, не vue.js.