peroe 的博客 · juluo

这是本站的第一篇文章：介绍一下这个博客是做什么的、用了哪些技术（Astro 静态站 + Cloudflare Workers），文章怎么组织、评论怎么接，以及可以通过哪些方式联系我。

静态站没有后端，站内搜索只能在构建期做索引、在浏览器里做匹配。这篇记录现在这套方案的实现与实测（索引 81 KB、首搜 422 ms），顺手修掉「每次搜索都重新下载索引」的问题，并说清它在多少篇文章之后会撑不住。

统计 dist 目录发现 16 MB、313 个文件，其中 1.6 MB 的 Mermaid 图表引擎从来没被下载过。这篇把「部署体积」与「访客成本」分清：什么进了关键路径、什么按需加载、什么可以被缓存一年。

用脚本给自己的静态博客做了一次可访问性体检：重复 id、搜索框没有无障碍名称、键盘焦点环在深色背景上几乎看不见。同时记录体检脚本自己报过的三次假警报——它们比漏报更危险。

不靠站长后台、不装插件，写一个脚本扫构建产物就能查出大部分站内 SEO 问题。这篇是 24 篇文章、54 个页面跑下来整理出的八项检查、九类真实问题与修法，以及三条「体检本身也会骗你」的教训。

23 篇文章、20 个标签，但页面上一个标签都看不到——前端组件把 tags 静默忽略了。这篇记录怎么把标签变成 11 个可收录页面（10 个标签落地页 + 索引），以及中文标签在 Astro 里踩到的三个坑。

上一篇发现真正的 LCP 元素是 Cookie 横幅后，我试了三种办法：提前加载、压缩体积 75%、preload 脚本。性能分从 37 提到 50、FCP 从 3.5s 到 1.5s，但 LCP 卡在 7.4s 不动。这篇记下为什么压小体积没用，以及我为什么停在这里。

一个多月来我的脚本一直显示 LCP 1.9 秒，直到跑了一次 Lighthouse——同一个页面 LCP 12.4 秒。差异不在工具，而在我脚本的启动参数里那行 host-resolver-rules：它把所有第三方域名都解析成了 NOTFOUND。附三个数据源的对比与修复过程。