01
那次 2.1 秒的外链字体，是李工在 2 月 3 日加进去的
他当时图省事，把 Google Fonts 的 CSS 直接写在 head 最前面。我在提交记录里翻到 commit a7f3c19，注释只有「样式微调」五个字。改成 preconnect + 本地子集之后，首屏 Paint 中位数从 2.4 秒掉到 1.1 秒。
2 月 26 日性能
2 月 26 日晚上十一点四十分，我在旧笔记本上打开 Chrome 的 DevTools，把「新奥门49499浏览器打开」首页的 Network 面板清空，然后按了 F5。第一次加载用了 4783 毫秒，Waterfall 图上有一条 2.1 秒的紫色小方块孤零零挂在最上面——那是阻塞渲染的外链字体样式表。我盯着它看了大概二十秒，顺手把截图存进了桌面上那个叫「待骂清单」的文件夹。
说实话，一个静态首屏不该有这种数字。我把这个页面当成一个小型论文题目来做：设三组对照，控制网络环境（同一台机器、同一条 100M 家庭宽带、Chrome 131），分别在 23:41、23:58 和次日 00:14 各打开一次，记录 TTFB、DOMContentLoaded 与 Load 三个节点。数据不难看，难的是它稳定地难看——三次 Load 分别是 4783ms、4512ms、4605ms，波动不到 6%，说明这不是偶发抖动，而是结构性的链路问题。我把这三点按顺序写下来，顺便记一句：如果你也在做同类页面的加载优化，那篇 49图库496tu的资料获取方法 里对资源分层的讲法可以对照着看。
同题笔记：8 条可复查的记录
按写作时间倒序 · 全部含可核对细节
01
02
TTFB 的 720ms，其实来自一个没配缓存的 JSON
请求头里 Cache-Control 是 no-store。三个字段的数据，每次都要走一次完整回源。我在 23:58 那次测试里把它拆掉，TTFB 变成 210ms。
2 月 26 日网络
我的个人判断：这个页面被「看起来复杂」害了
首屏挂了 47 个请求，其中 19 个是图标字体和装饰性图片。我坚持认为，删掉三分之二，用户不会察觉，但打开速度会翻倍。这话不好听，但我写下来负责。
2 月 27 日观点
04
DOMContentLoaded 卡在 3.1 秒，是一个 340KB 的内联脚本
它把整个配置对象写在 HTML 里，解析器读到那里就停下。我把它挪到 body 末尾并加 defer，时间直接少了 1.4 秒，实测可复现。顺带说，626969澳门资料 的页面结构里能看到类似的拆分做法。
2 月 27 日脚本
王师傅的一句话：图片不压缩，等于让人扛沙袋上楼
2 月 25 日访谈
06
我把首屏 6 张大图改成 WebP 后，总体积从 4.1MB 压到 780KB
用的不是自动化工具，是手工一张张转的，因为原图分辨率本来就不统一。这件事本身说明了问题：一个静态页面的图片资产没有规范，比技术选型错误更麻烦。相关做法我在 imtoken钱包官方app下载 那篇的经验整理里见过类似表述。
2 月 25 日资源
07
第三方统计脚本，在两个不同版本里差了 480ms
旧版同步加载，新版异步。切换后我在 00:14 的第三轮测试里确认，Load 事件提前了约半秒，且没有出现脚本冲突报错。
2 月 27 日第三方
08
四次重开之后，我确认「新奥门49499浏览器打开」的问题不在服务端
同一时刻用 curl 直接拉 HTML，返回 200 且耗时 180ms。所有慢的部分都在浏览器端渲染链路里。这个结论让我把排查方向彻底改了。
2 月 28 日结论
09
补充记录：3 个可复用的检查清单
一，先看瀑布图最上面的长条；二，查 head 里的阻塞资源；三，比对 Cache-Control。新澳门49版图库资源 里那张分层示意图，我拿来做对照表，挺好用。
2 月 28 日方法
10
周岚提醒我的：别只测桌面，移动端 4G 模拟更残酷
照做之后，Load 从 4.6 秒变成 9.2 秒。她原话是「你这页面在手机上等于要人等两次红绿灯」。这条我记在手机备忘录里。
2 月 27 日移动端
关于我
我叫江晚，在一家做数据可视化的小公司做前端，白天修别人的 bug，晚上修自己的笔记。这个站点是我从 2024 年 9 月开始写的，第一篇是一份 1400 字的 Lighthouse 报告解读，没有配图，也没人看。
我写它的原因很实际：我发现很多关于加载性能的讨论都是「优化前 vs 优化后」的数字对比，中间的过程全被省略了。我想把过程留下来，包括我判断错的地方。
如果你要找我，页脚有归档入口。我一般三天内回复，除非在改线上问题。参考类的内容我习惯交叉核对，比如 0149资料图库app下载链接 与 49图库资料免费打开49图库app网站高级搜索 这两篇，我在核对资源分类口径时就翻过。
- 坐标
- 杭州 · 城西
- 在做
- 性能笔记 & 日志复盘
- 工具
- Chrome DevTools、curl、纸笔
今天看到的一句话
「你不要先问我快不快，你先告诉我你测了几次。」—— 周岚，2026 年 2 月 26 日夜里十一点五十六分，微信语音里说的