小网站的轻快，从少一层依赖开始

先交付能够阅读的内容

一篇文章可以先由普通 HTML 表达清楚标题、段落和链接。脚本负责补充搜索、配色或小实验，而不必把读取正文也变成一段等待。这样，内容和交互就能各自承担明确的职责。

字体、图标和装饰同样值得梳理。使用一个外部资源之前，可以先问它带来了什么，以及它没有及时返回时，页面是否仍然能够阅读和使用。

动画适合表达反馈、关系与变化。它不必始终占用注意力：拖动一个物体时回应指针，切换状态时给出过渡，滚出视口之后暂停持续绘制，都会让交互更容易相处。

还应当尊重系统的减少动画偏好。保留操作结果，同时减少自动旋转、位移和重复闪动，可以让同一套页面适应更多阅读方式。

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

页面加载完成，并不等于每个入口都已经可用。可以实际试着搜索、清空、切换主题，再用键盘走一遍主要操作。窄屏下也要检查正文是否被挤出屏幕、弹窗能否关闭，以及触控操作是否妨碍正常滚动。

小网站没有必要因为体积小就放弃这些细节。内容先到达，交互确实有反馈，每一个按钮都有明确用途，轻快的感觉往往就从这些地方慢慢积累。