你的博客用不着什么 JavaScript 框架( 三 )


结论如果你还是选择了 Gatsby,我也不会怪你——有时候使用一个 opinionated 的框架也不错,并且如果你想要快速完成工作,这是一个可靠的解决方案 。只是要注意它的性能成本,以及所有与 JavaScript 相关的潜在可访问性问题 。
我选择使用 Eleventy 来构建自己的网站,但我知道这种方法并不适合所有人——完全按照自己的意愿来构建某些东西可能是很麻烦的事情 。但你也用不着完全学我——与 Gatsby 类似,Eleventy 也有许多入门项目可以用作基础 。其中一些工具,例如 Andy Bell 的 Hylia 入门套件可以在几分钟内搞定一个网站 。它甚至预配置了 Netlify CMS,因此你无需编写任何代码即可编辑网站内容 。
我学到了什么呢?使用 Eleventy 可以轻松构建不带 JavaScript 的博客,但总会有一些功能需要客户端 JavaScript 的:

  • 我的网站拿掉了 google Analytics,但它对用户来说没什么用途,所以我也不在乎——我会在另一篇文章中介绍它的服务端替代品 。
  • 我使用了 loading="lazy"属性来延迟加载图片,但它的浏览器支持不够完整,并且在原生浏览器实现改进之前,它无法在加载图片时淡入淡出 。
  • 黑暗模式切换——虽然我可以只用 CSS 来实现,无需访问 cookies 或本地存储,但我没办法在页面之间保持设定的值 。
我是否会在不久的将来在网站上加入 JavaScript 呢?答案可能是否定的:我上面列出的功能并不是那么重要的 。我并不是推荐大家都删除自己网站上的所有 JavaScript 文件,但从现在开始,在构建网站时我会尝试将 JavaScript 视为可选的额外功能,而不是体验的基本组成部分 。我鼓励你也这样做 。




推荐阅读