fec-performance-optimization SKILL.md skillA
fec-performance-optimization from bovinphang/frontend-craft is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add bovinphang/frontend-craft/fec-performance-optimization@git:20260611.9d7f5e4Pins git:20260611.9d7f5e4 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- bovinphang/frontend-craft
- Path
localized/zh-CN/skills/fec-performance-optimization/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260611.9d7f5e4, committed Jun 11, 2026
- Size
- 4,754 bytes
- Repository stars
- 22
- License
- MIT
用于诊断或改进前端性能、Core Web Vitals、包体积、运行时渲染成本、网络瀑布、内存泄漏、长任务、Lighthouse 问题或性能预算；中文触发词包括 性能优化、页面卡顿、首屏慢、包体积、Web Vitals。.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# 前端性能优化 ## 用途 用可度量的方式定位前端性能瓶颈，并把优化建议收敛到用户主路径、构建产物和运行时证据。 ## 流程 1. 锁定体验目标 - 明确问题属于首屏加载、交互延迟、滚动卡顿、内存上涨、网络瀑布、包体积，还是视觉稳定性。 - 记录路由、设备、网络条件、浏览器、复现步骤和当前可用指标。 - 没有指标时先建立基线，不直接给出“优化一切”的泛化建议。 2. 建立度量基线 - 读取项目脚本、构建配置、依赖和已有性能报告。 - 对页面体验优先使用 Lighthouse、Performance trace、React Profiler、Vue Devtools、Memory snapshot 或 RUM 数据。 - 对包体优先看构建产物、source map、依赖重复、首屏 chunk 和动态 import 边界。 - 对运行时卡顿优先看长任务、重复渲染、昂贵计算、同步循环、布局抖动和大列表。 - 如果已有线上监控、平台指标或 CI 产物，先用它们确认受影响路由、设备、时间窗和用户主路径，再决定读哪些源码。 3. 分层定位 - 加载层：关键 CSS、字体、图片、脚本阻塞、预加载和缓存。 - 渲染层：不稳定 key、过宽 Context、无意义 effect、重复计算、组件树过大。 - 数据层：串行请求、重复请求、过大 payload、缺少分页或缓存策略。 - 主线程：JSON/CSV 解析、图片处理、复杂排序过滤、同步压缩和大对象深拷贝。 - 资源层：事件监听、定时器、订阅、WebGL/Canvas 资源和对象 URL 未释放。 4. 形成优化方案 - 每个建议必须绑定位置、影响、改法和验证方式。 - 优先处理高频主路径和 P95 体验；低频后台任务不抢占首屏预算。 - 先做低风险高收益改动，如懒加载、去重、缓存、尺寸预留、虚拟列表、稳定引用和释放资源。 - 对会牺牲可维护性的技巧，必须说明收益证据和替代方案。 - 建议进入实现前先过候选门禁：是否有指标支撑、能否定位到路由/组件/chunk/请求、是否可由前端验证、是否存在更小改动。 5. 验证回归 - 重新运行受影响构建、测试和性能采集命令。 - 对比优化前后指标或产物体积。 - 确认 loading、empty、error、offline、reduced-motion 和移动端状态未被优化破坏。 ## 预算 | 范围 | 默认目标 | 说明 | | ---- | -------- | ---- | | LCP | 约 2.5s 内 | 以核心页面、目标地区网络和真实设备为准 | | CLS | 低于 0.1 | 媒体、广告、异步内容需要预留空间 | …
Read the whole file at its exact version.
How to install
mdr add bovinphang/frontend-craft/fec-performance-optimization@sha256:87731782f7412d1aThe line at the top of this page pins the label git:20260611.9d7f5e4, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_hrnnorb7gbemlze4)
3 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Jun 11, 2026.
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (4754 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
bovinphang/frontend-craft · 22 stars · license MIT · pushed 2026-09-26 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_hrnnorb7gbemlze4 GET https://markdownregistry.com/api/v1/resolve?ref=bovinphang/frontend-craft/fec-performance-optimization GET https://markdownregistry.com/api/v1/blob/87731782f7412d1a124e9cb1e3f987090215fee0f34f6148c6c145a7e633d65d
Your AI assistant 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.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.
More from bovinphang/frontend-craft
Every file in bovinphang/frontend-craft