ibbuu官方网站

第一次打开 ibbuu.com 的时候，我以为又是那种套模板的“官网”。结果翻了翻源码，发现 main.css 里居然手写了一套网格系统，没有用 Bootstrap 也没有 Tailwind。就冲这一点，我决定认真看看这个站点到底在做什么。

ibbuu 的首页加载速度很有意思。用 Chrome DevTools 跑了一下，DOMContentLoaded 大概在 320ms 左右，LCP 不到 1.2 秒。服务器响应头里没看到 CDN 的标识，但 TTFB 稳定在 80ms 上下——大概率是自建了缓存层，或者用了轻量级的边缘节点。我试着禁用了 JavaScript，页面 95% 的内容依然能正常显示，导航菜单降级成了纯 CSS 的 :hover 展开。这种“JS 可有可无”的设计思路，现在真的不多见了。

导航栏只有四个入口：首页、文档、工具、关于。干净得不像一个“官方网站”。点进“工具”页，发现是一个在线的 JSON 格式化和 Base64 编解码器，所有计算都在浏览器本地完成。我抓了一下网络请求，确实没有向任何第三方服务器发送数据。页面底部有一行小字：“本工具不上传您的任何数据，刷新即清空。” 对比某些在线工具偷偷把内容 POST 到后台，ibbuu 这个做法让我多停留了十分钟。

文档页的结构值得一说。左侧是树形目录，右侧内容区用 <article> 包裹，每个小节都有独立的 id，锚点跳转不会刷新页面。我试着在 URL 后面加上 #api-rate-limit，页面平滑滚动到了对应位置，而且地址栏没有闪动。翻到最底部，有一个“编辑此页”的链接，指向 GitHub 上的一个仓库。点过去发现文档是用 Markdown 写的，构建脚本只有 40 行 Python。这种“够用就好”的工程哲学，比那些用了一堆静态站点生成器却连搜索都做不好的官网强太多了。

移动端的表现我也测了。iPhone 12 上 Safari 打开，没有横向滚动条，字体大小自动适配，点击区域最小 44x44 像素。汉堡菜单的动画是 transform: translateX() 配合 will-change，没有掉帧。不过有个小问题：在暗色模式下，代码块的背景色和文字对比度只有 3.8:1，略低于 WCAG AA 的 4.5:1 标准。我给 admin 邮箱发了封邮件，两天后收到回复：“已记录，下个版本调整。” 没有客套话，就一行字。

ibbuu 的官网没有博客，没有新闻订阅，没有社交媒体图标。唯一的外部链接是 GitHub 仓库和 RSS 订阅源——对，2025 年了，它还在提供 RSS。我订阅了，更新频率大概每月一篇，内容全是技术笔记，比如“如何用 50 行代码实现一个内存缓存”、“Nginx 配置里容易忽略的五个安全头”。最新一篇是《为什么我把官网的 jQuery 移除了》，里面贴了性能对比数据：移除后首次渲染快了 180ms，传输体积减少了 34KB。

如果你也在维护个人项目或小团队的官网，ibbuu 这个站点值得花半小时翻一翻。不用看设计，看它的 robots.txt、看它的 sitemap.xml、看它怎么处理 404 页面——那个 404 页面上有一个搜索框，能直接搜站内内容，背后是一个 12KB 的索引文件。没有花哨的东西，但每个细节都经过思考。这大概就是技术控做产品的样子：不解释，直接跑代码。