LogoClawIndex
案例技能关于
LogoClawIndex

rendering-performance - 优化浏览器渲染与网页性能

分析渲染流水线、核心网页指标、React 更新、布局工作和图片加载,识别性能改进点。

标签

更新于: 2026-10-15
网页性能浏览器渲染核心网页指标最大内容绘制交互到下一次绘制累积布局偏移React

能力

解释像素渲染流水线诊断核心网页指标识别最大内容绘制元素减少布局偏移

典型输入

网页源代码性能测量数据真实用户数据

典型输出

性能诊断结果优化建议渲染瓶颈分析

该技能可以做什么

  • 解释像素渲染流水线
  • 诊断核心网页指标
  • 识别最大内容绘制元素
  • 减少布局偏移
  • 提升交互响应速度
  • 优化 React 渲染
  • 检测布局抖动
  • 指导性能测量

输入

  • 网页源代码
  • 性能测量数据
  • 真实用户数据
  • 目标设备配置

输出

  • 性能诊断结果
  • 优化建议
  • 渲染瓶颈分析

要求

    来源

    • 规范: SKILL.md

    ClawIndex

    OpenClaw Skills 与 Use Case 索引

    ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

    索引

    Skills·
    Cases

    Meta

    关于·
    声明·
    邮箱·
    GitHub
    © 2026 ClawIndex 保留所有权利。