vuessr
- 更好的SEO,由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。Google和Bing可以很好的对同步JavaScript应用程序进行索引。如果你的应用程序初始展示loading图,然后通过ajax获取内容,抓取工具并不会等待异步完成后在进行抓取页面的内容。也就是说,如果SEO对你的站点至关重要,而你的页面又是异步获取内容,则你可能需要服务器端渲染解决此问题。
- 更快的内容到达时间(time-to-content),特别是对于缓慢的网络情况或运行缓慢的设备。无需等待所有的JavaScript都完成下载并执行,才显示服务器渲染的标记,对于那些内容到达时间(time-to-content)与转化率直接相关的应用程序,服务器端渲染至关重要。
Head 管理
async function getTitle(vm){ const title = vm.$options if(title){ return typeof title === 'function' ? await title.call(vm) : title } } const serverTitleMixin = { created(){ const title = getTitle(this) if(title){ this.$ssrContext.title = title } } } const clientTitleMixin = { mounted(){ const title = getTitle(this) if(title){ document.title = title } } } export default process.env.VUE_ENV === 'server' ? serverTitleMixin : clientTitleMixin
任重而道远...
以自己现在的努力程度,还没有资格和别人拼天赋