Home / yuecao365 / offercome · src/lib/mock-interviews/skills/web-performance/SKILL.md · GitHub

web-performance skillA

web-performance is agent-read markdown (skill) from yuecao365/offercome: 前端性能深挖：指标与监控、渲染策略、资源加载与缓存、长任务与 INP、视觉稳定、WebView。.

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

## 面试官在意什么

性能是前端面试里最容易验真假的一段：候选人说"优化了首屏"，面试官追指标名、测量工具、样本、前后数字、最大的一项改动。2026 年的指标口径是 LCP、INP、CLS 三项，INP 取代 FID 后"长任务与交互延迟"成了新的追问点；渲染策略上服务端组件与流式渲染让"SSR 还是 CSR"变成按页面、按组件做决定。这本包把这些拆成可追问的阶梯。

## 项目 / 实习怎么深挖

简历上出现下面这类经历时从哪里切、追什么。追到候选人能说出机制、数字的来源与一次真实的故障或取舍才算实；只有框架名与结论、说不出自己那一段的，记为危险信号。通用的追问方法见 project-deep-dive。

- 简历出现"首屏优化 X%" → 追指标名（LCP 还是 FCP）、测量工具与样本、最大的一项改动、有没有回归
- 简历出现"打包体积减少 X%" → 追分析工具、砍掉的最大头、拆包粒度、上线后加载瀑布有没有变差
- 简历出现 SSR / Next.js / Nuxt → 追哪些页面 SSR 哪些 CSR、hydration 报过什么错、TTFB 与服务端成本
- 简历出现前端监控 → 追采集哪些指标、采样率、source map 还原、SDK 开销、发现过什么问题
- 简历出现卡顿 / 交互延迟优化 → 追长任务从哪来、怎么拆、INP 前后数字
- 简历出现 H5 / WebView → 追兼容问题的定位手段、低端机数据、离线包机制

## 常见失守与危险信号

- 性能指标与线上监控：只知道 Lighthouse 跑分；不知道 INP 取代了什么；上报没有采样也没有合并
- 渲染策略：认为 SSR 一定更快；不知道 hydration 错误怎么来的；所有页面一个模式
- 资源加载与缓存：认为"加时间戳参数"是缓存治理；不知道 HTML 不能强缓存的原因；拆包只会 splitChunks
- 长任务与交互延迟：把"加防抖"当所有卡顿的解药；不知道微任务会阻塞渲染
- CSS 与视觉稳定：说不出 transform 动画为什么便宜；will-change 到处加；不知道 CLS 从哪来
- 图片与字体：图片不设尺寸；字体切换导致闪烁不知道 font-display
- 跨端与 WebView：把所有问题归结为"兼容性"而不做定位；不知道 JSBridge 的通信方式
- 性能预算与回归：没有性能预算；优化一次就不管了

## 常考主题清单

只列名字、阶梯与答实的标志，作"问到哪一层算实"的参考；问哪些、问几道由这份 JD 与这份简历定，不是配额。

### 性能度量与线上监控
…

Read the whole file at its exact version.

How to install

Latest version
mdr add yuecao365/offercome/web-performance@git:20260920.a4843f5
Exact content
mdr add yuecao365/offercome/web-performance@sha256:32c46e7eb775b829

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_xcizzdgdq5udwqne.svg)](https://markdownregistry.com/a/art_xcizzdgdq5udwqne)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260920.a4843f5 latest2026-09-20 a4843f5 6,755 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (6755 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

yuecao365/offercome · 23 stars · license MIT · pushed 2026-09-23 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_xcizzdgdq5udwqne
GET https://markdownregistry.com/api/v1/resolve?ref=yuecao365/offercome/web-performance
GET https://markdownregistry.com/api/v1/blob/32c46e7eb775b829cd8171ea479146cdd5defa561867c765c8a70935909d7305

Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

More from yuecao365/offercome

AGENTS.md agents
yuecao365/offercome · AGENTS.md
git:20260921.abf64ee · audit A · 23 stars
CLAUDE.md claude
yuecao365/offercome · CLAUDE.md
git:20260803.e553cde · audit B · 23 stars
agent-runtime skill
yuecao365/offercome · src/lib/mock-interviews/skills/agent-runtime/SKILL.md · Agent 运行时深挖：循环与事件、工具协议与沙箱、子 agent、预算终止、恢复、输出契约。
git:20260920.a4843f5 · audit A · 23 stars
ai-agent skill
yuecao365/offercome · src/lib/mock-interviews/skills/ai-agent/SKILL.md · Agent 开发与运行时怎么面：循环与工具、RAG、上下文与记忆、评测、安全、成本。Agent 与 LLM 应用岗读。
git:20260920.a4843f5 · audit A · 23 stars
ai-algorithm skill
yuecao365/offercome · src/lib/mock-interviews/skills/ai-algorithm/SKILL.md · 大模型算法怎么面：Transformer、预训练、后训练与对齐、RL、微调、Embedding、评测。LLM 算法岗读。
git:20260920.a4843f5 · audit A · 23 stars
ai-app-testing skill
yuecao365/offercome · src/lib/mock-interviews/skills/ai-app-testing/SKILL.md · AI 应用测试深挖：非确定性输出、幻觉与 RAG 评估、Agent 链路审计、安全对抗、回归门禁、AI 生成用例。
git:20260920.a4843f5 · audit A · 23 stars
ai-infra skill
yuecao365/offercome · src/lib/mock-interviews/skills/ai-infra/SKILL.md · 大模型推理与训练基础设施怎么面：KV cache、调度、并行、量化算子、服务指标、训练集群。AI Infra 岗读。
git:20260920.a4843f5 · audit A · 23 stars
algorithm skill
yuecao365/offercome · src/lib/mock-interviews/skills/algorithm/SKILL.md · 算法与机器学习怎么面：ML 基础、深度学习、特征、AB 实验、部署监控、落地。算法与 ML 工程岗读。
git:20260920.a4843f5 · audit A · 23 stars
android skill
yuecao365/offercome · src/lib/mock-interviews/skills/android/SKILL.md · Android 怎么面：生命周期、Compose、协程与 Flow、性能、启动。JD 点名 Android 时读。
git:20260920.a4843f5 · audit A · 23 stars
backend skill
yuecao365/offercome · src/lib/mock-interviews/skills/backend/SKILL.md · 后端怎么面（栈无关）：缓存、消息队列、接口、可靠性、可观测、容量、发布。服务端岗读。
git:20260920.a4843f5 · audit A · 23 stars
cpp skill
yuecao365/offercome · src/lib/mock-interviews/skills/cpp/SKILL.md · C++ 后端怎么面：内存模型、RAII、STL 性能、多线程与原子、IO 模型、现代 C++。JD 点名 C++ 时读。
git:20260920.a4843f5 · audit A · 23 stars
cs-fundamentals skill
yuecao365/offercome · src/lib/mock-interviews/skills/cs-fundamentals/SKILL.md · 计算机基础怎么面：操作系统、网络、数据结构与算法、数据库原理。技术岗校招兜底。
git:20260920.a4843f5 · audit A · 23 stars

Every file in yuecao365/offercome

Browse by kind, by grade A, or by owner.