作者最近发布了一篇关于构建 ToolHub 的完整架构回顾。ToolHub 是一套包含 138 个浏览器内网页工具的套件，优先注重简洁性、隐私性和零臃肿。该站点设计为亚秒级加载速度，并完全支持离线使用，其中关键工程权衡与技术决策支撑了这些特性。架构的核心亮点之一是采用 Next.js 静态导出（Static Export），实现了 100% 静态导出模型，托管于边缘 CDN，从而实现零服务器维护与极低的字节首传时间（time to first byte）。该方案还支持无限扩展，但要求所有动态内容必须在浏览器内存中严格在客户端执行。此外，作者实现了一套自定义 Service Worker 缓存策略，对静态资源采用 stale-while-revalidate 策略，对 HTML 文档导航采用 network-first 策略，确保所有工具在缓存后具备完整的离线能力。作者还开发了一个程序化 SEO 引擎，在构建时生成带有完整 JSON-LD 结构化数据和自动化内部链接网的静态工具页面，并将其直接嵌入静态 HTML 中。该站点还采用了零 CLS（累积布局偏移）广告策略，通过在广告加载前预留显式的固定高度布局槽位，防止布局偏移。作者已将 ToolHub 站点开放供用户试用，并在其博客上发布了完整的工程深度解析，分享了构建该站点过程中的更多技术决策与权衡细节。作者正寻求用户反馈与建议，欢迎对架构提出想法以及对新工具的构思。总体而言，ToolHub 项目展示了一系列创新的技术方法，用于构建快速、支持离线且以隐私为先的 Web 应用。