[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 最佳實踐