静态生成的站点和服务器端渲染应用程序之间的差异
静态生成的网站或预渲染和服务器端渲染应用程序是使用 JavaScript 框架构建前端应用程序的两种现代方法。这两种模式虽然不同，但经常被混淆为同一件事，在本教程中，我们将了解它们之间的差异。 JavaScript 目前允许您构建三种类型的应用程序：单页应用程序 (SPA)、预渲染或静态生成的网站以及服务器端渲染应用程序。SPA 面临许多挑战，其中之一是搜索引擎优化 (SEO)。可能的解决方案是使用静态站点生成器或服务器端渲染（SSR）。 在这篇文章中，我们将回顾这些，看看它们的优点和缺点，以获得一个平衡的观点。我们将了解什么是静态生成，以及帮助我们创建静态生成网站的框架，例如Gatsby和VuePress。我们将了解什么是服务器端渲染应用程序，并了解用于创建服务器端渲染应用程序的框架，例如和s。
我们将介绍这两种方法之间的差异
最后并了解您应该使用哪种方法来构建下一个应用程序。 您可以 上找到本文中的所有代码片段。 什么是静态站点生成器？ 静态站点生成器 (SSG) 是一种软件应用程序，可根据模板或组件以及给定的内容源创建 HTML 页面。给它一些文本文件和内容，生成 巴西手机号码列表 器就会给你返回一个完整的网站；这个完成的网站被称为静态生成的网站。这意味着网站的页面是在构建时生成的，除非您添加新内容或组件然后重建，否则它们的内容不会更改- 如果您希望使用新内容更新网站，则必须重建网站。 解释静态站点生成如何工作的图表 静态站点生成的工作原理（大预览） 这种方法非常适合构建内容不经常更改的应用程序。因此，您不一定将其用于必须根据用户进行修改的网站或具有大量用户生成内容的网站。
让我们看看静态生成网站的
些优点。 优点 # 速度 由于您网站的所有页面和内容都将在构建时生成，因此您不必担心对内容服务器的 API 调用，这将使您的网站速度非常快。 部署 生成静态站点后，您将得到静态文件。因此，它可以轻松部署到Netlify等平台。 安全性 静态生成的站点仅包含静态文件，没有可供攻击者通过注入恶意代码来利用的数据库。因此 AERO 领先 遭受网络攻击的脆弱性很小。 版本控制 您可以使用版本控制软件（例如 Git）来管理和跟踪内容的更改。当您想要回滚对内容所做的更改时，这会派上用场。 缺点 # 如果内容变化太快，就很难跟上。 要更新内容，您必须重建网站。 构建时间根据应用程序的大小而增加。 静态站点生成器的例子有Gatsby和s。让我们看看如何使用这两个生成器创建静态站点。 认识图像优化，的新实用指南，用于在网络上优化和提供高质量图像。一切尽在一本528 页的书中。
