我们向我们敬佩的网页构建者提出了相同的问题...

人们可以做些什么来让他们的网站变得更好?

感谢我们 2021 年的主要赞助商。他们是使本网站成为可能的很大一部分。

添加更少

当您要开始一个新的网站时,您首先想到什么?您会从您知道的库或框架开始,例如 React 或 Vue,还是从构建在它们之上的元框架开始,例如 Next 或 Nuxt?您会调出一个快速的构建工具,例如 Vite,还是配置您的 webpack?

Phil Hawksworth 的一条很棒的推文,我几年前就收藏了,至今仍然很喜欢

您的网站开始时很快,直到您添加太多内容使其变慢。您真的需要任何框架吗?您可以在浏览器中本地完成您想做的事情吗?不使用框架是否会使您的网站更轻便,或者从长远来看,当您创建或优化其他人已经做过的事情时,实际上会更重?

我个人喜欢将更少的代码发送到浏览器,从而最终向浏览器发送更多价值。了解浏览器 API 以及“免费”提供的内容实际上可以减少重复造轮子,并在您使用提供的工具时可能提高可访问性。

与其为每个要执行的任务都引入一个库,不如尝试了解它们内部是如何工作的。例如,在一个我维护的项目中,我注意到我们导入了一个 React 组件,它发送了一个完整的 npm 包,用于一个小型(不到 10 行)组件,其中还有一些 CSS 撒在上面(我们用自己的设计系统覆盖了它)。当我们从头开始重写该组件时,我们的包大小更小,我们可以更多地对其进行自定义,并且我们不必围绕其他人的决定工作。

现在,我不是说您不应该使用任何现有的库、框架或组件。开源的存在是有原因的!我的意思是,要对您带入项目的项目有辨别力。让浏览器的强大功能为您服务,并使用更少的东西!