我想要的网络

这篇文章听起来很像是我希望你们都离开我的草坪——因为我确实希望你们离开我的草坪。

网络怎么会变成这样？

有一天，我的伴侣用她已经用了两年的 Chromebook 浏览网页，它运行一些网站都很困难，因为这些网站加载了广告、gif、视频和大量的 JavaScript，但却没有任何价值。

每天，我的手机都快要显示一篇博客文章了，这让我很郁闷。文章被淹没在一大堆 JavaScript 代码和自动播放的视频里。

这听起来有点像发达国家的问题，但对于发展中国家来说，情况要糟糕得多。你知道卫星互联网与我们西方大多数人的相比有多糟糕吗？简直糟透了。

万维网本应是一个平等的平台，将知识传播到世界各地，然而开发人员却每天都在为那些最需要互联网的人创造更艰难的工作环境。

让我们看看互联网是如何“进步”的。

20年前

大约20年前，我创建了自己的第一个网站，它提供的内容量与如今大多数网站不相上下。它比你在这里看到的90%的内容都更易于访问、运行速度更快、开发也更简单。

20 年后，我打开几个标签浏览互联网，不知何故下载了几兆字节的数据，我的笔记本电脑着火了，但就实际内容传送而言，什么都没有改变。

使用的技术：

• HTML

10-15年前

人们已经厌倦了嵌套表格和间隔图片。网络正在失去其作为内容交付平台的根基。

我在学位实习那年做过类似上面的网站。我开始在A list Apart上阅读一些文章，了解我们应该如何推广语义标记，其中 HTML 只是简单地描述文档内容，然后使用 CSS 来设置样式。

最终我遇到了CSS Zen Garden，这是一个展示如何使用 CSS 的网站。

其理念是标记是相同的，并且网站有来自开发人员的提交，展示了纯粹使用 CSS 的不同设计。

HTML 代码保持不变，唯一改变的是外部 CSS 文件。没错，确实如此。

这个网站对我的 Web 开发理念产生了深远的影响。它让我豁然开朗。内容用 HTML，样式用 CSS。无需 JavaScript，布局无需表格，也无需间隔图片。

仅用 CSS 装饰的纯 HTML。

成为一个以最精简、最简单、最易访问的方式提供精美内容而自豪的社区的一份子，我感到非常兴奋。

这不仅让网站更易于访问、运行速度更快，而且在某种程度上也让开发变得更容易。突然间，从服务器生成标记就不再那么麻烦了！

但事情仍然相当困难。CSS 支持并不出色，HTML4 中仍然没有太多语义元素，所以有很多divs。Firebug 刚刚发布，这带来了巨大的推动，但要提供一致的体验仍然很困难。

我好像记得 Gmail 大概在那个时候问世，真是太棒了。突然之间，网络可以变成真正的应用程序了。这很有趣，也很具有开创性，但也带来了一些负面影响。很快，人们就觉得，他们当地酒吧的宣传网站也必须像 Gmail 一样，包含大量的 JavaScript。

至今已有 5 年左右

以下是对当今态度的毫不夸张的总结

许多只想传递内容并使其看起来不错的人确信，需要使用世上所有的网络技术来传递文本。

如果你不懂 Vue/React 之类的，就不算是前端开发者。如果你敢只写网站所需的最基本的 JavaScript，就会被嘲笑。

页面刷新对于用户来说是一个大问题，必须不惜一切代价避免。

出于某种原因，人们正在构建大量的 SPA（单页 Web 应用）。他们声称的理由是为了速度和方便开发者使用。（我不认为向浏览器发送大量 JavaScript 代码会像发送一些该死的 HTML 代码那样快。而且，这也不像把一些 HTML 文件放到互联网上那么简单。）

你会看到这些可笑的帖子，开发者费尽心思让自己的网站“快速高效”。他们因为底层技术选择而苦苦挣扎，而我却还要下载半兆的数据才能读完500字。真是尴尬。

我希望你从这篇文章中学到一些东西

• 大多数网站都致力于提供内容。HTML非常适合做这件事，而且你不需要 JavaScript。
• 事实上，JavaScript 本身就很有害。它对低功耗设备来说就像毒药，对低带宽用户来说更是雪上加霜，而且需要付出额外的努力才能保持其可访问性和快速性。
• 这么多 JavaScript 代码，投入了这么多精力。看来你得学好多东西，新的框架、新的构建工具、新的测试方法；而且大多数时候，这反而让用户体验变差了。
• 实际上，您的网站将通过一些链接到一些 CSS 的 HTML 文件完成其需要做的一切。

那么我想要的网络是什么

• 语义化、可访问性、HTML。这意味着它适用于所有人，下载速度快，而且比编写 React 组件更省力。
• 使用 CSS 来让它看起来更美观。不要使用 JavaScript 来获得视觉效果。
• 需要的时候就用小图吧。别再看这些4MB大小的搞笑GIF 了。
• 大多数网站在下载 10kb 后应该就可以阅读了。
• 如果在没有打开 JavaScript 的情况下我无法使用您的网站，那么您就不知道自己在做什么。

那么真的不需要 JavaScript 吗？

当然，JavaScript 仍然有其用武之地，如果运用得当，可以提升网站的可用性。但是，请仔细考虑你引入的库和框架。也许你不需要引入 JQuery 就能完成所需的功能，毕竟现代浏览器已经内置了非常优秀的 API。你应该致力于使用 JS 进行渐进式增强。即使不启用 JS，你的网站也应该能够正常运行。

关于单页应用 (SPA)，我真心觉得做这种应用的人太多了。GMail 是一个 Web 应用，因此需要一个框架。你的博客平台？就差远了。记住，这些框架不仅会严重影响用户体验，而且学习起来也费劲。或许你的时间可以花在更好的地方。

但是我的产品负责人说我们需要所有这些花哨的东西！

作为专业人士，你应该表明立场。你是专家，而不是顾客。

• 您应该告诉他们亚马逊如何得知页面加载每 100 毫秒就会损失 1% 的销售额。
• 您应该告知他们，与仅仅在目录中列出相比，制作产品目录轮播既缓慢又烦人，而且<ul>成本昂贵。
• 你应该让他们知道，如果他们真的希望他们的开创性诗歌传遍世界，那么他们最好确保他们的网站能够在互联网连接速度慢的旧硬件上运行。

如果我告诉建造我房子的人用稻草建造它，我希望她能说服我改变主意。

当然，情况很棘手，有时人们会忽略你，但当你看看当今一些流行网站的状况时，你只能得出这样的结论：人们要么不知道自己在做什么，要么只是没有足够地抵制不良要求。

总结

看看你网站开发者工具里的性能标签页。它让你感到自豪吗？如果没有，那就拿出点自豪感，开始精简那些你认为需要的垃圾。

让我们自豪地使用简单易用、无处不在的技术，打造精简、易用、易于执行的网站。采用这种方法有道德和技术上的依据。

请记住，大多数网站的目标都是提供有用的文本内容，而您真正需要的只是 HTML。

那么我们可能就不必每两年购买一次新笔记本电脑，而那些比你不幸的人也有机会真正使用网络；按照它的预期方式。