页面应该先把内容交给你

一个博客的第一项任务，是让人读到文章。一个个人主页的第一项任务，是让人知道这里有什么。先下载一整套应用，再用 JavaScript 拼出几段文字，通常并不是完成这件事的最短路径。

静态生成把渲染放在构建阶段：服务器直接发送完整 HTML，浏览器可以立即解析标题、段落与链接。交互留给真正需要它的地方，比如主题切换、筛选和少量视觉反馈。这个演示站也采用了这样的方式。

动效是一种反馈，而不是等待

好动效帮助我们理解变化：按钮被按下，菜单被打开，一段内容进入视野。它不应该让阅读变成等待，也不应该成为弱性能设备上的负担。

优先考虑 transform 与 opacity，减少不断触发布局计算的动画。连续的装饰动效需要提供暂停选项；当系统设置了减少动态效果时，让页面安静下来。视觉设计可以有表现力，也可以尊重每个人的使用习惯。

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

真正的性能来自完整链路

压缩资源只能解决一部分问题。DNS 查询、网络往返、TLS、源站响应与缓存命中，都会影响首次打开的体验。测量时要区分首次访问和重复访问，也要分别观察移动网络与本地网络。

有用的指标包括首字节时间、最大内容绘制和布局偏移。但分数只是线索：页面在真实手机上能否迅速显示正文，按钮是否及时响应，才是最终要验证的体验。

留出增长空间

从静态站点开始并不妨碍以后增加功能。搜索、评论或订阅都可以在需要时独立加入。先保持内容和呈现清晰，再为明确的需求支付复杂度，是一种值得尝试的节奏。