晚上十一点四十,我关掉开发者工具,合上笔记本。屏幕边缘映着台灯的光,像一条很细的蓝线。

这一周我花了将近六天时间观察 www.497171.cc 在浏览器里的打开行为。不是评测,也不是推荐,只是记录。记录一个页面从地址栏输入到可视区域稳定的完整过程。

我统计了 17 次冷加载,平均首次内容绘制 620ms,最快一次 410ms,最慢一次 1.4 秒。差距主要来自第三个请求——一个 38KB 的字体文件,缓存命中率在测试环境里只有 54%。

说实话,这个站点的前端架构并不算现代。但它有一个优点:页面结构写得干净。HTML 标签嵌套没有超过 12 层,DOM 节点数 840 左右。对于内容型页面来说,这是一个让人舒服的数字。

有点争议的观点:我认为打开速度的短板不在服务器,而在客户端脚本的执行顺序。渲染阻塞资源里有一个统计脚本被放到了 head 里,而且没有加 async。这一条值得改。

老周听我说完,在电话里笑了一声。他说你为一次页面加载写了三千字的笔记,是不是有点过。我想了想,没反驳。