搜索引擎优化指南20(服务端渲染指南这份指南仍处在活跃更新的状态(SSR))

　　搜索引擎优化指南20(服务端渲染指南这份指南仍处在活跃更新的状态(SSR))

　　服务器端渲染指南

　　本指南仍在积极更新中

　　什么是服务器端渲染 (SSR)？

　　Vue.js 是用于构建客户端应用程序的框架。默认情况下，Vue 组件在浏览器中生成并包装 DOM 作为其输出。但是，我们也可以在服务器端将相同的组件呈现为 HTML 字符串，将其直接发送到浏览器，最终将静态标记“活”到一个完整的交互式客户端应用程序中。

　　服务器渲染的 Vue.js 应用程序也可以被认为是“同构的”或“通用的”。这意味着应用程序代码的主体可以在“服务器”和“客户端”端运行。

　　为什么选择 SSR？

　　与传统的 SPA（单页应用程序）相比，SSR 的主要优点是：

　　以下是选择 SSR 时的一些权衡：

　　在您的应用程序中使用 SSR 之前，您需要问自己的第一个问题是：您真的需要它吗？它通常取决于内容呈现时间对应用程序的重要性。例如，如果您正在构建一个内部管理系统，其中几百毫秒的初始加载时间并不重要，那么在这种情况下就不需要使用 SSR。但是，如果内容渲染时间很关键，SSR 可以帮助您实现最佳的初始加载性能。

　　SSR 与预渲染

　　如果你只想用SSR来提升一些推广页面的SEO（如/、/about、/contact等），那么prerendering可能更合适。与使用动态编译 HTML 的 Web 服务器相比，预渲染可以在构建时为指定路由生成静态 HTML 文件。它的优点是预渲染设置更简单，并允许将前端保持为完全静态的站点。

　　如果你使用 webpack，你可以通过 prerender-spa-plugin 支持预渲染。这个插件已经在大量的 Vue 应用程序中测试过了。

　　关于本指南

　　本指南将非常深入，并假设您已经熟悉 Vue.js 本身并且对 Node.js 和 webpack 有一些知识和经验。

　　如果您更喜欢提供流畅的开箱即用体验的高级解决方案，不妨试试 Nuxt.js。它使用相同的 Vue 堆栈构建，但抽象了许多引用并提供了一些额外的功能，例如静态站点生成。但是，如果您需要更直接地控制应用程序的结构，则可能不合适。无论如何，通读本指南以更好地了解事物如何协同工作仍然具有指导意义。

　　最后，请注意本指南的指南不是最终的——我们认为它对我们有用，但这并不意味着没有改进的余地。它们也可能在未来进行修订 - 欢迎大家通过拉取请求做出贡献！