Подход: использование Vue SPA / PWA с SSR? - PullRequest
Новая
       47

Подход: использование Vue SPA / PWA с SSR?

0 голосов
/ 06 ноября 2018

Я разрабатываю SPA PWA, похожий по своей природе на Stack Overflow и Twitter, и достиг точки, мне нужно выяснить мою стратегию управления пользовательским интерфейсом с помощью SEO.

Такой сайт, как StackOverflow, должен иметь высокий рейтинг в Google, а такой сайт, как Twitter, должен быть доступен для общего доступа (визуализироваться) на платформах социальных сетей. Обе эти проблемы побудили меня рассмотреть вопрос о SSR.

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

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

Мои вопросы:

  1. Будет ли здесь правильным подход со смешанным подходом к SSR: отправка начальной загрузки в виде SSR и всех последующих загрузок через SPA JavaScript?
  2. Возможно, было бы лучше использовать SSR только при детальном просмотре страниц, и заполнить оставшуюся часть приложения (пользовательский фид и т. Д.) Как SPA CSR, поскольку единственными страницами, которые должны ранжироваться или делиться, являются страницы, созданные пользователем. Возможно ли это / желательно?
  3. Если бы № 1 был хорошим выбором, получал бы гугл-сканер контент SSR, когда он следует по внутренним ссылкам / карте сайта, или только первая страница, как пользователь, будет обслуживаться?
  4. Мой подход также рекомендуется для прогрессивного веб-приложения, которое будет генерировать весь контент через базу данных Firestore. Повлияет ли это на мой подход? Сама природа SSR, кажется, противоречит продуктивности, достигнутой PWA. Не говоря уже о том, как будет работать связанный с Firestore контент в SSR.

Также, если вам известны какие-либо хорошие уроки по этим вопросам, пожалуйста, дайте мне знать. Похоже, мало информации о комбинировании стратегии Vue / SPA / SSR / PWA для варианта использования, такого как сайт типа Stackoverflow.

...