performance

仓库创建 2026年1月18日最近提交 1 个月前SkillHot 收录 22 天前

▸ 精选理由

从瓶颈定位到代码修复，落地性强。

这个 Skill 做什么

提供深度网页性能诊断与具体优化方案和代码示例。

做网站性能体检：找出加载慢、运行卡顿和资源浪费等瓶颈，给出可落地的优化清单和代码示例，并用前后指标衡量改进。适合想“加速网站”“改善页面体验”或提升 Core Web Vitals 时用。特点是基于 Lighthouse 审计按影响优先排序，既有方案又有度量方法，方便逐项实施。

▸ 展开 SKILL.md 英文原文

Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".

开发编程性能优化加载加速资源管理通用

2.6k

Stars

233

Forks

仓库内 Skill

+93

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/addyosmani/web-quality-skills/main/skills/performance/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/addyosmani/web-quality-skills/main/skills/performance/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Performance optimization

Deep performance optimization based on Lighthouse performance audits. Focuses on loading speed, runtime efficiency, and resource optimization.

## How it works

1. Identify performance bottlenecks in code and assets
2. Prioritize by impact on Core Web Vitals
3. Provide specific optimizations with code examples
4. Measure improvement with before/after metrics

## Performance budget

| Resource | Budget | Rationale |
|----------|--------|-----------|
| Total page weight | < 1.5 MB | 3G loads in ~4s |
| JavaScript (compressed) | < 300 KB | Parsing + execution time |
| CSS (compressed) | < 100 KB | Render blocking |
| Images (above-fold) | < 500 KB | LCP impact |
| Fo

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有