有人说得对：“旧即金”。
静态网站的兴起证明了旧事物一次又一次地回归摇滚。 小型和大型企业都在使用静态网站及其扩展优势。 因此，静态网站又回来了，比以往任何时候都更强大。
但究竟是什么原因促使静态网站突然兴起呢？
好吧，Web 开发的趋势来来去去，但有一件事始终保持不变——拥有一个高性能网站的愿望。 最终用户的行为正在迅速变化，因为他们期望极快的页面速度和更具吸引力的体验，没有任何挫折感。
Web 开发人员不断推动网站实现更多功能，为应用程序和网站添加更多功能以满足这一需求。 但在此过程中，网站性能会受到影响。
这就是静态网站出现的地方！
目录
什么是静态网站？
关于静态网站有一个普遍的神话，认为它是一种新技术。 静态站点已经存在了很长时间，它们是 Web 开发的原始方式。 早期的开发人员使用原生 HTML、JavaScript 和 CSS 来构建一个没有库、插件或框架的网站。
简而言之，静态网站上的内容在每次访问后都保持不变，不像动态网站上的内容会发生变化。 您的服务器生成这些静态文件并将它们返回给浏览器。 这些网站几乎可以从任何地方获取数据，包括 API、CMS 和其他内容文件。
静态网站摒弃了不必要的复杂性，主要专注于提高效率和性能。 它不依赖于数据库； 相反，它包含基本的 HTML、JavaScript 和 CSS，以生成轻量级的业务配置文件和登录页面。
因此，它可以帮助您告别更长的加载时间和烦人的延迟。 因此，开发人员可以创建快速、可靠和高效的应用程序，以更少的开发时间提供出色的用户体验。
使用静态网站有什么好处？
速度🚀
因为在交付静态网站时不涉及后端系统、客户端-服务器请求或数据库查询。 它展示了超快的性能，其服务器始终准备好 HTML 输出。 此外，它还可以包含缓存功能以消除延迟。
安全🛡️
由于没有可利用的数据库，没有未经授权的访问，也没有扩展或插件路由到您的系统，静态网站比动态网站提供更多的安全性。 因此，您可以免受网络钓鱼活动、在线窥探、恶意软件或任何类型的数据丢失。
可扩展性🙌
静态网站的缩放和回复相对简单很多，而整体应用更稳定。 由于减少了与静态文件相关的负载，服务器可以处理巨大的流量事件。
托管和负担能力❤️
基本的 HTML 文件需要更少的空间，这使得托管这些网站变得更加简单和容易。 您可以在将资源用于集成自动化构建或 Git 以将修改合并到系统中的同时降低成本。
听起来很酷？
如果是肯定的，让我们找出可以托管静态网站的顶级平台，以开始从中受益。
网络化
使用 Netlify，您可以从 Git 存储库发布 Web 项目，而无需复杂的设置和服务器维护。 使用其面向 Web 开发人员的 CI/CD 管道自动化您的流程。 您甚至可以在发布之前预览整个网站以查看您的网站的外观。
在其全球和多云 CDN 上部署您的静态网站 – 旨在优化性能的边缘。 Netlify 支持许多第三方应用程序和工具，包括 Analytics、Identity、Forms 和 Fauna 数据库等附加组件。
利用 Netlify 的自动化工作流程，通过原子部署、无限回滚和快照、缓存失效、自定义标头、DNS 管理、重定向和代理规则来简化一切。
Netlify 将您的网站托管在一个冗余的全球应用程序交付网络中，以一致且快速地为您的网页提供服务。 您还可以通过他们的仪表板管理您的 DNS 区域。
使用自动 HTTPS 保持安全，因为 Netlify 免费提供 Let’s Encrypt 的 TLS 证书。 它提供了高级和 API 驱动的功能，没有复杂的集成。 它提供了 API 网关、基于 JWT 的数据访问控制、用于身份验证的代理标头、存储变量和 webhook。
通过 Netlify Analytics 更深入地了解您的网站访问者、来源、页面浏览量等。 您还可以使用 AWS Lambda 函数、管理标志、密码恢复、登录等，而无需滚动身份验证服务。
无需启用 JavaScript 或额外代码即可管理提交和表单。 使用 Netlify 大型媒体，您可以处理大型资产并对文件进行版本控制，而不管它们的大小。
谷歌云存储
利用高度安全且可扩展的 Google Cloud 平台为各种规模的企业提供支持，从个人开发人员到大型企业。
它具有对象生命周期管理 (OLM) 功能，您可以使用它来配置所有数据以自动过渡到低成本存储类。 您可以为数据设置标准并轻松管理它。
Google Cloud 包含越来越多的全球数据中心，其中包含许多自动冗余选项。 选择您想要存储数据的位置和方式，以优化您的网站以实现快速响应时间并制定完整的灾难恢复计划。
通过存储类，您可以确定适用于巡回存储数据的定价模型和可用性。 您可以选择：
- 标准
- 每月近线一次
- Coldline 每季度一次，并且
- 每年归档一次
Google Cloud 提供对象版本控制，允许您存储对象副本以防它们被覆盖或删除。 您可以定义要在删除前存储对象的保留期。 你甚至可以持有一个对象以防止它被删除。
通过云密钥管理服务存储的加密密钥加密和存储您的对象数据。 您可以禁用对象 ACL 以统一控制对 GCP 上资源的访问。 包含存储桶锁，可让您配置数据保留策略。
创建、删除或更新对象时发送通知。 使用 Cloud Identity and Access Management (IAM) 维护数据访问和活动日志并控制访问权限。 Google Cloud 提供用于机器学习和分析的集成存储库。
在 GCS 上托管网站很容易。
谷歌云存储的替代品：
亚马逊 S3
Amazon S3 包含简单的管理功能，可让您组织和配置数据。 它旨在为大量应用程序提供高耐用性和数据存储。
Amazon S3 可以创建对象副本，提供负担得起的存储类，拥有审计功能，并通过其 S3 块公共访问和合规性计划（如 PCI-DSS、HITECH/HIPAA、FISMA 等）保持严格的安全性。
火影忍者
Vultr 支持通过 S3 API 进行灵活集成，并提供您可以依赖的可扩展按需架构。 它使用 NVMe 缓存来提高性能并确保您的数据始终可用。
您还可以存储静态媒体数据，例如图像、视频和音频。
涌
Surge 为开发人员通过 Grunt、NPM 和 Gulp 在高质量 CDN 上部署项目提供了一条简单的途径。
对于每个项目，您都可以利用对自定义域的支持、pushState 支持、Surge 域的免费 SSL 认证、自定义 404 页面、无限制的 CLI 部署、Grunt 工具链集成、对资源的跨域支持。
Surge 与您用来简化部署的构建工具集成。 此类工具包括 Grunt 插件、Gulp 插件、npm 脚本、Git 挂钩、Jekyll、Node.js、静态站点生成器、CI 服务和其他自动部署。
邀请您的队友和合作者。 您只需输入一个命令即可在您的网站上发布您的内容。
使成为
在 Render 上轻松部署您的静态站点。
只需链接 GitLab 或 GitHub 存储库，让它构建您的网站并在全球 CDN 上提供服务。 最好的事情是静态站点在 Render 上是免费的，而且每月最多 100 GB 带宽的额外费用。
超过 100 GB 带宽后，每月支付 0.10 美元/GB。 它为零停机实例提供自动和持续部署以及主动缓存失效。 您可以免费添加无限的协作者和团队，这样您就可以在管理网站时获得他们的帮助。
Render 会自动提供 Pull Request Pageviews 以允许您在发布之前测试更改并查看它们。 获取详细的带宽图以提高透明度，对 HTTP/2 的本机支持以提高页面加载速度、重写和重定向，因此您无需编写代码、自定义 HTTP 标头以提高性能和安全性。
为了提高性能，Render 提供了自动 Brotli 压缩，它可以减小页面大小并使网站更快。
Render 还包括从 HTTP 到 HTTPS 的自动重定向，以及无限数量的自定义域。 除了支持简单的 HTML/JavaScript/CSS 站点外，它还提供了复杂的站点生成器，例如 Create React Application、Jekyll、Vue.js、Gatsby、Hugo、Next.js 和 Docusaurus。
它的全球 CDN 非常快速、安全和可靠，它还将您的所有内容缓存在全球网络边缘，以提供最佳的用户体验。
GitHub 页面
想要托管静态网站和在线部署代码的个人开发者可以免费使用 GitHub。 添加自定义域很容易； 您只需将 CNAM 文件包含到您的帐户中。
要生成静态代码，您可以从帐户管理中创建一个新的存储库并使用子域对其进行部署以对其进行测试。 GitHub 为每个 GitHub 帐户和一个组织提供一个网站，以及无限的项目站点。
火力基地
想要一个生产级的静态站点托管？
Firebase 是一个不错的选择！
除了托管您的网站外，您还可以利用其实时数据库和文件存储。 即使在其免费计划中，它也提供免费的 SSL 认证和自定义域。 但是，您可以升级到付费版本以增加带宽限制和存储容量。
使用 Firebase，不仅可以轻松部署您的网站，还可以轻松部署单页 Web 应用程序、渐进式 Web 应用程序和移动应用程序登录页面。
您的用户在哪里访问您的网站并不重要； Firebase 通过高效 CDN 上的 SSD 托管提供快速性能。 每次部署都完全免费获得自动配置的 SSL。
用户还可以连接自定义域而无需进行繁琐的验证。 使用单个命令也可以部署您的站点，您也可以从其 Firebase 控制台回滚到某个版本或查看部署历史记录。
韦尔塞尔
Vercel 的一体化平台同时提供 JAMStack 和静态网站部署。 它不需要任何配置，适用于任何类型的 Web 框架。 对于每个站点，您都会获得一个预览 URL，您可以与您的团队共享该 URL 以进行协作。
Vercel 通过可扩展和简单的部署提供超快的站点性能。 只需迁移到 Git 即可让您的网站上线。
它支持流行的前端框架，如 Next.js、Vue.js、React、Angular、Gatsby、Hugo、Nuxt、Ember 和 Svelte。 为每个部署运行即时测试，然后满怀信心地发布它们。 它有助于与 GitHub、Bitbucket 和 GitLab 等 Git 提供程序轻松集成。
Vercel 还具有使用可部署挂钩的动态站点重建功能，这在使用 CMS 时会派上用场。 您可以一次生成一个页面，因此您不必重建整个站点。 Vercel 凭借其位于 70 个城市的超快全球 CDN 保证了 99.99% 的正常运行时间。
Cloudflare
使用 Cloudflare Pages 立即构建快速网站。 它是面向前端开发人员的高效 JAMstack 解决方案，可以帮助他们快速部署网站并有效协作。
只需执行 git push 并让 Cloudflare 为您构建和部署它。 这样，前端开发人员可以直接开始构建漂亮的网站，而不是浪费时间配置系统、更新生产和设置环境。
Cloudflare Pages 的工作方式与具有更深 Git 集成的开发人员相同。 只需告诉他们您的构建命令，他们将处理其余的，包括日志。 您还可以查看他们的 Vue、Hugo、Gatsby 和 React 等框架的快速指南。
Cloudflare Pages 可以节省您的时间，让您可以轻松地与每个团队进行协调，包括您的工程师、作家、设计师和参与网站设计的其他人。 它会为每个代码提交自动生成链接，让您更容易获得快速反馈。
您将获得无限的免费席位，因此没有一个合作者会错过参与其中的机会。 Cloudflare 的 Access 集成让您可以完全控制所有访问预览的用户。
Cloudflare Pages 通过使您的网站安全、可扩展和快速来照顾您的基础设施，因此您可以只专注于您网站的设计和内容。 在最快的 Cloudflare 边缘网络上运行您的站点，见证比其他平台快 115% 的速度。
除此之外，Cloudflare 拥有世界上最大的网络之一，可以从访问量最大的站点获取流量。 Cloudflare Pages 支持 HTTP/3、安全 SSL、图像压缩、QUIC 等等。
它提供每月 500 次构建、一次构建 1 个、无限带宽、站点和请求的免费计划。 每月 5k 次构建和 5 次并发构建的付费计划起价为 20 美元/月。
结论
静态网站的时代还没有结束。 尤其是当在线威胁成为全球最大的担忧时，静态网站比以往任何时候都更强大，可以再次统治网络并支持您的业务。
接下来，查看一些保护静态站点的最佳实践。
