静态网站的复兴：经典重回潮流
俗话说：“老东西是金子”。这句话在网络世界也同样适用，静态网站的兴起恰恰证明了这一点。无论是小型企业还是大型公司，都开始重新拥抱静态网站及其带来的诸多优势。静态网站的复兴，使其比以往任何时候都更加强大。
那么，究竟是什么原因促使静态网站突然间再次流行起来呢？
互联网技术的发展日新月异，但人们对于高性能网站的追求始终不变。终端用户的习惯也在快速变化，他们期望更快的页面加载速度，更吸引人的用户体验，并且不希望有任何令人沮丧的等待。
为了满足这些需求，网站开发人员不断地尝试为网站添加更多功能，以增强应用程序和网站的性能。然而，在这一过程中，网站的性能往往会受到影响。
而静态网站的出现，恰好解决了这个问题！
什么是静态网站？
人们普遍认为静态网站是一种新兴技术，这其实是一个误解。静态网站的出现由来已久，它们是早期Web开发的基石。早期的开发人员使用原生的HTML、JavaScript和CSS来构建网站，不需要任何库、插件或框架。
简单来说，静态网站上的内容在每次访问时保持不变，与动态网站上内容会发生变化不同。您的服务器生成这些静态文件，并将其直接返回给浏览器。这些网站可以从包括API、CMS和其他内容文件在内的任何地方获取数据。
静态网站摒弃了不必要的复杂性，专注于提高效率和性能。它不依赖于数据库，而是采用基本的HTML、JavaScript和CSS来生成轻量级的业务简介和登录页面。
因此，它可以帮助您告别更长的加载时间和恼人的延迟。开发人员可以创建快速、可靠和高效的应用程序，以更少的开发时间提供卓越的用户体验。
使用静态网站有哪些好处？
速度🚀
由于在交付静态网站时不涉及后端系统、客户端-服务器请求或数据库查询，其展现出超快的性能。服务器始终准备好直接输出HTML内容。此外，还可以利用缓存功能来进一步消除延迟。
安全🛡️
由于没有可被利用的数据库，也没有未经授权的访问或路由到系统的扩展或插件，静态网站比动态网站具有更高的安全性。因此，您可以避免遭受网络钓鱼攻击、在线窥探、恶意软件或任何类型的数据丢失。
可扩展性🙌
静态网站的扩展和响应相对简单，而整体应用程序更加稳定。由于减少了与静态文件相关的负载，服务器可以轻松处理巨大的流量高峰。
托管和经济性❤️
基本的HTML文件只需要较少的存储空间，这使得托管这些网站更加简单和经济。您可以降低成本，同时将资源用于集成自动化构建或Git，以便将修改合并到系统中。
听起来很棒？
如果答案是肯定的，那么让我们一起来看看可以托管静态网站的顶级平台，以便开始享受其带来的好处。
Netlify
使用Netlify，您可以直接从Git存储库发布Web项目，无需复杂的设置和服务器维护。利用其面向Web开发人员的CI/CD管道来自动化您的工作流程。甚至可以在发布之前预览整个网站，以了解网站的实际效果。
Netlify在全球和多云CDN上部署您的静态网站，旨在优化边缘性能。Netlify支持许多第三方应用程序和工具，包括分析、身份验证、表单和Fauna数据库等附加组件。
利用Netlify的自动化工作流程，通过原子部署、无限回滚和快照、缓存失效、自定义标头、DNS管理、重定向和代理规则，简化所有流程。
Netlify将您的网站托管在一个冗余的全球应用程序交付网络中，以一致且快速地为您的网页提供服务。您还可以通过其仪表板管理您的DNS区域。
使用自动HTTPS保持安全，因为Netlify免费提供Let’s Encrypt的TLS证书。它提供了高级和API驱动的功能，无需复杂的集成。它还提供了API网关、基于JWT的数据访问控制、用于身份验证的代理标头、存储变量和webhook。
通过Netlify Analytics更深入地了解您的网站访问者、来源、页面浏览量等。您还可以使用AWS Lambda函数、管理标志、密码恢复、登录等，而无需进行身份验证服务。
无需启用JavaScript或额外的代码即可管理提交和表单。使用Netlify大型媒体，您可以处理大型资产并对文件进行版本控制，而无论它们的大小。
谷歌云存储
利用高度安全且可扩展的谷歌云平台，为各种规模的企业提供支持，从个人开发者到大型企业。
它具有对象生命周期管理（OLM）功能，您可以使用它来配置所有数据，以自动转换为低成本的存储类别。您可以为数据设置标准并轻松管理它。
谷歌云拥有越来越多的全球数据中心，并提供许多自动冗余选项。选择您想要存储数据的位置和方式，以优化您的网站，实现快速响应时间并制定完整的灾难恢复计划。
通过存储类别，您可以确定适用于循环存储数据的定价模型和可用性。 您可以选择：
- 标准
- 每月近线一次
- 冷线，每季度一次，并且
- 每年存档一次
谷歌云提供对象版本控制，允许您存储对象的副本，以防它们被覆盖或删除。您可以定义要在删除前存储对象的保留期。您甚至可以持有某个对象，以防止其被删除。
通过云密钥管理服务存储的加密密钥，加密和存储您的对象数据。您可以禁用对象ACL，以统一控制对GCP上资源的访问。它还包含存储桶锁，允许您配置数据保留策略。
创建、删除或更新对象时，发送通知。使用云身份和访问管理（IAM）维护数据访问和活动日志，并控制访问权限。谷歌云还提供用于机器学习和分析的集成存储库。
在GCS上托管网站非常容易。
谷歌云存储的替代方案：
亚马逊S3
Amazon S3包含简单的管理功能，可让您组织和配置数据。它旨在为大量应用程序提供高耐久性和数据存储。
Amazon S3可以创建对象副本，提供经济实惠的存储类别，拥有审计功能，并通过其S3公共访问阻止和合规性计划（如PCI-DSS、HITECH/HIPAA、FISMA等）保持严格的安全性。
Vultr
Vultr支持通过S3 API进行灵活集成，并提供您可以信赖的可扩展的按需架构。它使用NVMe缓存来提高性能，并确保您的数据始终可用。
您还可以存储静态媒体数据，例如图像、视频和音频。
Surge
Surge为开发人员通过Grunt、NPM和Gulp在高质量CDN上部署项目提供了一条简单的途径。
对于每个项目，您都可以利用对自定义域的支持、pushState支持、Surge域的免费SSL认证、自定义404页面、无限的CLI部署、Grunt工具链集成以及对资源的跨域支持。
Surge与您用来简化部署的构建工具集成。这些工具包括Grunt插件、Gulp插件、npm脚本、Git挂钩、Jekyll、Node.js、静态站点生成器、CI服务和其他自动部署工具。
邀请您的队友和合作者。您只需输入一个命令即可在您的网站上发布您的内容。
Render
在Render上轻松部署您的静态网站。
只需链接GitLab或GitHub存储库，让它构建您的网站并在全球CDN上提供服务。最好的地方是，静态网站在Render上是免费的，并且每月最多提供100GB的带宽，而无需额外费用。
超出100GB带宽后，每月需支付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
想要一个生产级的静态站点托管？
Firebase是一个不错的选择！
除了托管您的网站外，您还可以利用其实时数据库和文件存储。即使在其免费计划中，它也提供免费的SSL认证和自定义域。当然，您可以升级到付费版本，以增加带宽限制和存储容量。
使用Firebase，不仅可以轻松部署您的网站，还可以轻松部署单页Web应用程序、渐进式Web应用程序和移动应用程序的登录页面。
无论用户在哪里访问您的网站，Firebase都通过高效CDN上的SSD托管提供快速性能。每次部署都完全免费获得自动配置的SSL。
用户还可以连接自定义域，而无需进行繁琐的验证。使用单个命令也可以部署您的站点，您还可以从其Firebase控制台回滚到某个版本或查看部署历史记录。
Vercel
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的访问集成让您可以完全控制所有访问预览的用户。
Cloudflare Pages通过使您的网站安全、可扩展和快速来照顾您的基础设施，因此您可以只专注于您网站的设计和内容。在最快的Cloudflare边缘网络上运行您的站点，见证比其他平台快115%的速度。
除此之外，Cloudflare拥有世界上最大的网络之一，可以从访问量最大的站点获取流量。Cloudflare Pages支持HTTP/3、安全SSL、图像压缩、QUIC等等。
它提供每月500次构建、一次构建1个、无限带宽、站点和请求的免费计划。每月5k次构建和5次并发构建的付费计划起价为20美元/月。
结论
静态网站的时代并未结束。特别是当在线威胁成为全球最大的担忧时，静态网站比以往任何时候都更加强大，可以再次统治网络并支持您的业务。
接下来，请查看一些保护静态站点的最佳实践。