[TOC] [为什么现在又流行服务端渲染html?](https://www.zhihu.com/question/59578433) [用了react 或者 vue，如何做SEO优化呢？](https://www.zhihu.com/question/51949678) [URL 中的 #! 是什么意思？](https://www.zhihu.com/question/19946782) [实例PK ( Vue服务端渲染 VS 浏览器端渲染 )](https://zhuanlan.zhihu.com/p/25936718) # 服务器端渲染（SSR server side rendering） 想要提高 seo，但又不想采用服务端渲染的流程，就可以尝试使用 “预渲染技术” 来达到目的 `prerender`帮助你实现。 其实解决SEO问题不一定非得用服务端渲染来处理，服务端渲染对于刚接触 vue 的新手来说，并不是那么友好，虽然已有官方 SSR 中文文档。但是对于一个已经开发完毕的 vue 项目去接 SSR 无论是从工作量还是技术角度来说，都是一种挑战。有兴趣可以看一下这篇文章vue spa 单页应用的SEO另一种思路 https://segmentfault.com/q/1010000007994622/ [教你如何搭建一个超完美的服务端渲染开发环境](https://www.jianshu.com/p/0ecd727107bb) [优化向：单页应用多路由预渲染指南](https://juejin.im/post/59d49d976fb9a00a571d651d#heading-11) # [前端黑科技：美团网页首帧优化实践](https://segmentfault.com/a/1190000017040216) ## [一种对开发更友好的前端骨架屏自动生成方案](https://my.oschina.net/u/4084220/blog/3102803) # 工具 * Prerender.io * [prerender](https://github.com/prerender/prerender) * https://www.npmjs.com/package/page-skeleton-webpack-plugin * https://github.com/chrisvfritz/prerender-spa-plugin/blob/master/lib/phantom-page-render.js#L89-L100 # 0.3s 完成渲染！UC 信息流正文 “闪开” 优化实践 NSR：Native side rendering，即由客户端（Native 侧）实现页面结构的拼接，进而实现页面渲染的处理技术。 # SSR 中 Service Worker SSR 项目的 Service Worker 最佳实践