站点观察
老周在 Android 14 上测试了三次,两次成功进入首页,一次卡在白屏。他发来录屏,文件名是「497171-test-0318.mp4」。
2026-04-18
工具记录
相册缩略图加载策略比预想中复杂。我数了数,首屏同时请求了 24 张缩略图,每张平均 11KB。
2026-04-15
查询记录
页面底部有一个 2026 年 3 月 30 日的更新时间戳。我核对了当期的开奖公告,两个日期差了整两天。
2026-04-12
浏览器行为
QQ 浏览器的「文件」面板里,.html 和 .png 混在一起排序。测试机上累计 47 个缓存文件。
2026-04-10
状态追踪
4 月 6 日下午 14:22,页面重新返回 200。我连续 ping 了 10 次,平均响应 320ms。
2026-04-08
版本对比
高清版和标准版的首屏图片分别是 1920×1080 和 960×540。带宽消耗差了将近 4 倍。
2026-04-05
分析笔记
页面里的数字表格用到了至少 5 种不同字体。我在 Style 面板里逐条查看了 CSS 声明,有两条无效。
2026-04-02
技术细节
从 DNS 到首字节 210ms,从首字节到首次内容绘制 540ms。这两个数字来自深圳电信 500M 宽带环境。
2026-03-30
兼容测试
iOS 17.4 的 Safari 上,字体自动放大了约 3%。我关掉了「文字大小」辅助功能才恢复正常。
2026-03-27
性能数据
其中 9 个来自统计类脚本,3 个字体文件,2 个未知来源。最后一个我没有在源码里找到对应位置。
2026-03-24
晚上十一点四十,我关掉开发者工具,合上笔记本。屏幕边缘映着台灯的光,像一条很细的蓝线。
这一周我花了将近六天时间观察 www.497171.cc 在浏览器里的打开行为。不是评测,也不是推荐,只是记录。记录一个页面从地址栏输入到可视区域稳定的完整过程。
我统计了 17 次冷加载,平均首次内容绘制 620ms,最快一次 410ms,最慢一次 1.4 秒。差距主要来自第三个请求——一个 38KB 的字体文件,缓存命中率在测试环境里只有 54%。
说实话,这个站点的前端架构并不算现代。但它有一个优点:页面结构写得干净。HTML 标签嵌套没有超过 12 层,DOM 节点数 840 左右。对于内容型页面来说,这是一个让人舒服的数字。
有点争议的观点:我认为打开速度的短板不在服务器,而在客户端脚本的执行顺序。渲染阻塞资源里有一个统计脚本被放到了 head 里,而且没有加 async。这一条值得改。
老周听我说完,在电话里笑了一声。他说你为一次页面加载写了三千字的笔记,是不是有点过。我想了想,没反驳。