JAMstack。网站如何在臃肿的网络中变得更快。

如果您涉足网站领域，您可能听说过 JAMstack。JAMstack 代表：

• JavaScript
• 蜜蜂
• 标记

总而言之，这是为了通过移除所有可能降低您所需内容速度的不必要组件来提升网页速度。由于网页对 JavaScript 的依赖程度如此之高，因此人们更看重性能而非更佳的视觉风格也就不足为奇了。

当网络首次出现时

90年代的网页看起来并没有那么惊艳。HTML被用来存储文档，并通过万维网传输。它们看起来和Word文档一模一样。

考虑到当时的情况，这意义非凡。你能够以光速发送文档。这堪称革命性的，甚至像维基百科这样的网站也采用了这种“极简”的界面，就像在纸上阅读一样。

随着 Web 的发展，开发者希望更好地控制文档的外观。CSS 于 1994 年 10 月 10 日提出，并于 1996 年发布。由于 Internet Explorer 3 对它的支持有限，它并没有那么快地被接受。无论如何，Web 在不断发展，其背后的工具也在不断发展。一些使用这种古老技术制作的精品如今仍然可以在线查看，它们仍然拥有出色的性能和出色的用户界面。

JavaScript 被引入万维网之后，人们使用 JavaScript 来使网络变得更加动态。

随着万维网的发展，在互联网上运营的企业也随之增长。随着网络的不断发展，销售产品和信息的方式也变得多种多样。由于大量代码开源，许多开发者会添加 JavaScript 库、未压缩的图片、视频以及其他会降低网站速度的内容。即使像 WordPress 这样在服务器端完成大部分工作的技术，一段时间后系统也会变得臃肿不堪，最终影响性能。有趣的是，万维网最初是为了快速获取信息而创建的，但现在却变成了一个充斥着“惊喜和廉价刺激”的市场。

静态站点生成器

静态网站生成器在 2018 年非常流行。人们说它们是 Web 开发人员今年应该关注的趋势，这不难理解。在大多数情况下，它是正确的解决方案，而且效果很好。以下是一些最流行的静态网站生成器的构建比较。

Forestry 的Chris Macrae比较了这两款静态网站生成器，发现 Hugo 在几乎所有情况下构建每个页面的速度都更快。这里有一张更清晰的图表。

现在，我们先别纠结。Jekyll 可能看起来完全被打败了，但在 14.5 秒内构建 1000 个页面并不算差。事实上，如果与大多数需要某种数据库的网站相比，它真的很快。Hugo 和 Jekyll 都是静态网站生成器的绝佳入门工具。很多人将它们作为博客和页面管理的主要工具。现在的问题是，你必须决定是否要将你现有的系统（Wordpress、Joomla 等）切换到它（稍后会详细介绍）。

现代网络

你是不是经常听到“现代网络”这个词，就觉得它有点负面？别担心，我不是来贬低网络的。如果真要说的话，我其实挺喜欢它的。现代网络应用更注重使用更健壮的 JavaScript 库和 RESTful API 来创造更出色的体验，让运行更加流畅和快速。这就是我喜欢 React/Vue/Angular 的原因，因为它们让网络变得更快、更易于访问。

JAM 堆栈

这就是我们现在的处境。

GatsbyJS 是 JavaScript 和静态网站生成器领域的新秀。它使用 GraphQL 和 React 等现代技术来创建极速网站。您可以将它与任何支持 RESTful API 的 CMS 配合使用（大多数 CMS 都支持 RESTful API。如果您的 CMS 没有，那么是时候切换了）。Gatsby 功能强大，在开源社区和风险投资领域都取得了巨大的成功。

网络的未来

很多人预测，未来的网络将是一个沉浸式的世界，让我们仿佛置身于一个类似《黑客帝国》的领域。而在我看来，它将会是每个人都能访问的，哪怕他们拥有一台蹩脚的电脑，或者无法接入极速网络。然而，万维网的现状使得人们越来越难以在不被不必要的 CSS 和 JavaScript 代码所困扰的情况下获取信息。

这一切背后的讽刺是……为了消除不必要的东西，我们必须用 JavaScript 重写一切。

有趣的。

感谢阅读 DEV 社区！

关注我的 Twitter 账号！我会在那里发布开发相关的内容，期待与大家见面！