原

这才是真正的网站

无与伦比。

说真的，你还想要啥？

你可能是做网站的，认为自己的网站很特别。你不认为你那13 MB的有视差效果的页面会给那些真正想找到所需信息的人带来“视觉噪声”。你认为你的200多kb的Bootstrap框架、80多kb的jQuery、和83个polyfill会让IE7兴奋不已，因为它终于有了box-shadow。

你认为“无刷新跳转”、自定义鼠标指针（还包括点击鼠标时的粒子效果）、动态背景元素（如点线连接等）、自动播放背景音乐（让毫无准备的访客被吓到）、嵌入一个会和访客说"你好"的形象（Live2D）不会有任何使用体验方面上的问题。

错。让我描述“理想的网站”为何：

• 轻巧，加载速度快
• 适用于所有屏幕
• 在所有浏览器里看都一样
• 所有人都能知道你的网站在写什么
• 一目了然，并能阐明您的观点

你知道吗?

你设计过度了。

当我将鼠标悬停在任何东西上时，为什么要让它动起来？为什么一进入网站就有“眼花缭乱”的动画效果？你花了几个小时——不——好几天在它上面，给你的网站增加了80MB的容量，你的访客可能还不喜欢。更不用说盲人根本看不到任何东西，他们甚至听不到你摆在画面上的玩意儿。

你永远不会知道，但以上种种都不会在“完美网站”里存在。以下是原因：

轻巧

这个页面的重量比你的Wordpress网站上的渐变图案的facebook logo还要轻。你认真地加载了100kb的jQuery UI，就为了给一个DIV的背景色做个动画？你加载了7种字体（其中一半还是用户没有的，还有几个webfont），就为了在网站开头以100px的高度说“嗨”吗？

响应式

你以为你需要@media媒体查询才能做响应式设计，但你错了。响应式意味着它可以适应任何屏幕尺寸。网站并不关心你用的是电视还是手表。

能用

只需要看这个页面。

你可以读一读……如果你识字的话。它是有意义的。它有层次结构。它用的是HTML5标签，所以你和你的浏览器知道它在这个网站上是什么。这就是语义。

它在屏幕上有内容。你的网站有三个署名和链接到你的dribbble账户，但你把它分散在7个分页里，让我点击一些上下浮动的按钮，向我展示jQuery ScrollTo插件有多酷炫。

跨浏览器兼容性？在IE6中加载此页面看看。

这是一个网站。你从来没见过的。

就像一个长着络腮胡子的人不知道自己真正的“自然”状态是什么，你也根本不知道什么是网站。你所见过的都是一些低劣的伪原创的网站……把应该是文字传达的信息变成了拟物的玩意儿。

这是一个真正的，赤裸裸的网站。

是的，这是在讽刺。

我并不是说你的网站应该是这样的。我想说的是我们网站的所有问题都是我们自己造成的。网站并不是默认情况下就坏了，它们是功能性的、高性能的、可访问的。你把它弄坏了。你个老伙计。

“好的设计是尽可能少的设计。”——某个德国人