BopoType：一个“快”就是全部卖点的工具

BopoType 是我做的注音打字测速网站，面向使用大千式注音键盘的台湾用户。打开网页就能开始测，不用登录，测完能生成一张成绩卡分享出去。

做这种工具，功能其实不难。难的是一件事：快。

对打字工具来说，“快”有两层意思

第一层是打开快。用户搜“注音打字测速”点进来，是想马上开始，不是来等加载的。多等两秒，他就回去点下一个搜索结果了。

第二层是打起来顺。每按一个键，屏幕上的反馈都要立刻出现。哪怕只有一点延迟，手感就不对了，而手感正是打字测速工具最核心的体验。

所以 BopoType 的每一个技术决定，都在围着这两件事转。

取舍一：纯前端，不加重脚本

BopoType 的核心是一个在浏览器里运行的“状态机”：当前该打哪个字、打对了没有、速度多少、正确率多少，全部在本地计算，不需要和服务器来回通信。

页面上没有加载大型的广告外挂和重度脚本。这样做的结果是首屏秒开，按键的反馈也几乎感觉不到延迟。

功能可以少一点，但“快”不能打折。 每次想加一个新东西，我都会先问：它会不会让页面变慢？

取舍二：所有计算都在本地

打字的内容、速度和正确率，全部在用户自己的浏览器里计算，不上传任何打字内容。

这一条同时解决了两个问题：一是隐私，用户不用担心自己打的东西被收集；二是速度，不需要等网络，本来就更快。

取舍三：用声音做反馈

打字的乐趣，有一半来自声音。所以 BopoType 用 Web Audio 做了几种机械键盘的敲击音效：青轴、红轴、打字机，也可以选静音。

这个功能在“有用”清单上可能排不上号，但它让测速从“做题”变成了一件有点上瘾的事。对一个靠回访和分享传播的小工具来说，这很重要。

取舍四：练习也要能帮上忙

除了测速本身，BopoType 还做了几件“帮你变快”的事：

• 键位实时高亮：屏幕上有一张标准的大千注音键盘，每打一个字，对应的键位就会亮起来，方便练盲打；
• 三种题库：日常语句、经典成语、注音符号；
• 三种时长：15 秒、30 秒、60 秒；
• 按 Tab 随时重来，不用去找按钮。

工具页，同时也是一篇指南

测速区下面，是一整篇练习指南：大千键盘的键位分布、标准盲打指法、WPM 速度等级对照表、提速的方法，以及常见问题。

这样做有两个好处。对用户来说，测完发现自己慢，往下滑就能找到怎么练；对网站来说，一个只有输入框的页面，搜索引擎很难理解它是做什么的，而一篇扎实的指南能让它被更多需要的人找到。

成绩卡：让用户帮你传播

测完之后，可以一键生成一张 600×600 的成绩卡图片，直接发到 Threads 或 Instagram。成绩卡同样在本地生成，自动下载到用户的设备上。

一个人晒成绩，他的朋友就会想“我能打多快”，然后点进来。对小工具来说，最好的推广往往是用户自己。

这件事和我的服务有什么关系

BopoType 说明了一件事：一个网站的体验，很多时候取决于你敢不敢做减法。 不加没必要的脚本、不收集没必要的数据、不做没必要的功能，剩下的部分才能做得又快又好。

我给客户做网站也是这个思路：先想清楚访客最在乎的那一件事，然后把那件事做到极致。如果你也需要一个打开就快、用着顺手的网站或小工具，可以看看我的网站建设服务。