行动计划
把指南转化为安全试用流程
在使用真实数据前，请先用合成示例完成这些步骤。勾选状态只保留在当前标签页。
0%0/3 已完成
首屏只发送必要体验
节点编辑器、PDF 引擎或高级解析器不应进入首页初始包。按路由动态加载可把下载与解析延后到用户明确需要时。
服务端输出的标题、说明与导航应立即可见。给重型组件预留稳定尺寸，可避免加载时布局跳动与 CLS。
- 仅在相关路由加载重型功能。
- 预留固定占位尺寸。
- 首个 CTA 不应完全依赖 JavaScript。
拆分并限制长任务
大文本或文件循环会延迟点击。限制记录数与字符数，并把压缩或高强度解析移入 Web Worker，可保护主线程。
立即显示处理中、完成和错误状态，能防止重复操作并解释进度。结束后应释放对象 URL 与 Worker。
结合移动端现实与测量
桌面多列在手机上应堆叠；长 URL、代码与表格要换行或滚动。拖放必须提供按钮和键盘替代。
应在低端设备与慢网络模拟中测试真实任务：载入示例、运行、传递结果与撤销。不能通过删除无障碍或错误说明来换取分数。
把指南转化为可重复的检查流程
请使用这套包含 3 个工具的检查计划来落实《客户端工具的 Core Web Vitals 与性能设计》。目标：面向浏览器工具与工作站的 LCP、INP、CLS 组件、Worker、文件和移动设计指南。 请先用安全示例代替真实数据，并记录每一步的预期结果与验收决定。
字数、字符与阅读时间
- 准备
- 字数、字符与阅读时间的输入应为在保留用途和目标语言的前提下需要编辑或比较的纯文本。本次处理目标是：测量内容长度、段落数量和预计阅读时间。处理敏感真实数据前，请先用合成示例确认格式。
- 执行
- 运行设备端处理。字数、字符与阅读时间为实现“测量内容长度、段落数量和预计阅读时间”采用以下可解释方法：在保留 Unicode、行和词边界的同时应用确定性文本规则。
- 验收检查
- 验收检查：接受字数、字符与阅读时间的结果前，请完成对可能改变语义的句子、专有名词、数字、标点和多语言字符进行前后比较；核验证据应与“测量内容长度、段落数量和预计阅读时间”这一目标一致。字数、字符与阅读时间的使用边界：语言、语义和上下文仍需人工最终审核。
- 预期输出
- 字数、字符与阅读时间完成后会提供编辑后的文本、变更摘要以及可量化的语言或结构指标，并围绕“测量内容长度、段落数量和预计阅读时间”组织结果。. 测量内容长度、段落数量和预计阅读时间。
图片压缩器
- 准备
- 图片压缩器的输入应为类型受支持且不超过公开大小限制的本地文件。本次处理目标是：调整质量和最长边，生成更小的 WebP 或 JPG 副本。处理敏感真实数据前，请先用合成示例确认格式。
- 执行
- 运行设备端处理。图片压缩器为实现“调整质量和最长边，生成更小的 WebP 或 JPG 副本”采用以下可解释方法：文件在浏览器内存中读取，并在不覆盖原文件的情况下生成新输出。
- 验收检查
- 验收检查：接受图片压缩器的结果前，请完成保留原文件，并检查输出能否正常打开、预期页数或帧数、大小及可见质量；核验证据应与“调整质量和最长边，生成更小的 WebP 或 JPG 副本”这一目标一致。图片压缩器的使用边界：请保留源文件，并在目标应用中验证输出兼容性。
- 预期输出
- 图片压缩器完成后会提供可下载的新文件、大小与格式指标，以及公开的处理限制，并围绕“调整质量和最长边，生成更小的 WebP 或 JPG 副本”组织结果。. 调整质量和最长边，生成更小的 WebP 或 JPG 副本。
Meta 标签 / Favicon 生成器
- 准备
- Meta 标签 / Favicon 生成器的输入应为类型受支持且不超过公开大小限制的本地文件。本次处理目标是：生成 SEO、Open Graph、社交卡片与 Favicon 标记。处理敏感真实数据前，请先用合成示例确认格式。
- 执行
- 运行设备端处理。Meta 标签 / Favicon 生成器为实现“生成 SEO、Open Graph、社交卡片与 Favicon 标记”采用以下可解释方法：文件在浏览器内存中读取，并在不覆盖原文件的情况下生成新输出。
- 验收检查
- 验收检查：接受Meta 标签 / Favicon 生成器的结果前，请完成保留原文件，并检查输出能否正常打开、预期页数或帧数、大小及可见质量；核验证据应与“生成 SEO、Open Graph、社交卡片与 Favicon 标记”这一目标一致。Meta 标签 / Favicon 生成器的使用边界：请在目标系统核验架构、编码和数据丢失假设。
- 预期输出
- Meta 标签 / Favicon 生成器完成后会提供可下载的新文件、大小与格式指标，以及公开的处理限制，并围绕“生成 SEO、Open Graph、社交卡片与 Favicon 标记”组织结果。. 生成 SEO、Open Graph、社交卡片与 Favicon 标记。
字数、字符与阅读时间适用以下边界：字数、字符与阅读时间的使用边界：语言、语义和上下文仍需人工最终审核。 如果未满足该条件，请勿把输出传递到工作流的下一步。
落实《客户端工具的 Core Web Vitals 与性能设计》时，请记录工具名称、所选设置、浏览器版本，以及“使用字数、字符与阅读时间完成：测量内容长度、段落数量和预计阅读时间”的接受或拒绝理由，而不是敏感内容。这样既能重复检查，也不会复制真实数据。