方法:将Vue SPA / PWA与SSR一起使用?

时间:2018-11-05 23:39:22

标签: vuejs2 single-page-application progressive-web-apps nuxt.js serverside-rendering

我正在开发一种本质上类似于Stack Overflow和Twitter的SPA PWA,并且已经达到了一个点,我需要通过管理SEO用户体验来弄清楚我的策略。

像StackOverflow这样的网站需要在Google中排名靠前,而像Twitter这样的网站则需要在社交媒体平台上可共享(可渲染)。这两个问题都促使我考虑使用SSR。

但是,从性能的角度来看,虽然我知道使用SSR可以更快地加载初始页面,但是由于内部页面之间的快速加载时间让我爱上了应用程序的本机感觉,因此我不想在开关中松懈到SSR。

根据我的收集,在具有大量用户生成的内容和/或数据库交互的网站上,预渲染不是一个选择。因此,这种方法似乎不可行。

我的问题:

  1. 使用混合SSR方法在这里是否合适:通过SPA JavaScript发送初始负载作为SSR,然后发送所有后续负载?
  2. 也许只在详细的页面视图上使用SSR会更好,并且将应用程序的其余部分(用户供稿等)填充为SPA CSR,因为唯一需要排名或共享的页面是用户生成的页面。这可能/建议吗?
  3. 如果#1是一个不错的选择,那么当Google搜寻器遵循内部链接/站点地图时,它会收到SSR内容吗?还是仅向用户提供第一页?
  4. 对于渐进式Web应用程序,我的方法也必须是明智的,该应用程序将通过Firestore数据库生成所有内容。这会影响我的方法吗? SSR的本质似乎与PWA计划要完成的工作适得其反。更不用说Firestore在SSR上绑定的内容将如何工作。

如果您对这些事情有任何好的教程,也请告诉我。在用例(例如Stackoverflow类型的站点)上结合使用Vue / SPA / SSR / PWA策略的信息似乎很少。

0 个答案:

没有答案