网站性能审计指南：核心网页指标、优化策略与监控最佳实践

web-performance-audit by aj-geddes/useful-ai-prompts

171 周安装量

141 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/aj-geddes/useful-ai-prompts --skill web-performance-audit

监控性能优化 SEO

🇨🇳中文介绍

网站性能审计

概述

网站性能审计旨在测量加载时间，识别性能瓶颈，并指导优化工作，以创造更快、更好的用户体验。

使用时机

定期性能监控
重大变更之后
用户抱怨网站缓慢
SEO 优化
移动端优化
设定性能基准

快速开始

最小工作示例：

Core Web Vitals (Google):

Largest Contentful Paint (LCP):
  Measure: Time to load largest visible element
  Good: <2.5 seconds
  Poor: >4 seconds
  Impacts: User perception of speed

First Input Delay (FID):
  Measure: Time from user input to response
  Good: <100 milliseconds
  Poor: >300 milliseconds
  Impacts: Responsiveness

Cumulative Layout Shift (CLS):
  Measure: Visual stability (unexpected layout shifts)
  Good: <0.1
  Poor: >0.25
  Impacts: User frustration

---

Additional Metrics:

First Contentful Paint (FCP):
// ... (see reference guides for full implementation)

参考指南

references/ 目录下的详细实现：

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

指南	内容
性能指标	性能指标
性能分析流程	性能分析流程
优化策略	优化策略
监控与持续改进	监控与持续改进

🇺🇸English

Web Performance Audit

Overview
When to Use
Quick Start
Reference Guides
Best Practices

Overview

Web performance audits measure load times, identify bottlenecks, and guide optimization efforts to create faster, better user experiences.

When to Use

Regular performance monitoring
After major changes
User complaints about slowness
SEO optimization
Mobile optimization
Performance baseline setting

Quick Start

Minimal working example:

Core Web Vitals (Google):

Largest Contentful Paint (LCP):
  Measure: Time to load largest visible element
  Good: <2.5 seconds
  Poor: >4 seconds
  Impacts: User perception of speed

First Input Delay (FID):
  Measure: Time from user input to response
  Good: <100 milliseconds
  Poor: >300 milliseconds
  Impacts: Responsiveness

Cumulative Layout Shift (CLS):
  Measure: Visual stability (unexpected layout shifts)
  Good: <0.1
  Poor: >0.25
  Impacts: User frustration

---

Additional Metrics:

First Contentful Paint (FCP):
// ... (see reference guides for full implementation)

Reference Guides

Detailed implementations in the references/ directory:

Guide	Contents
Performance Metrics	Performance Metrics
Performance Analysis Process	Performance Analysis Process
Optimization Strategies	Optimization Strategies
Monitoring & Continuous Improvement	Monitoring & Continuous Improvement

Best Practices

✅ DO

Measure regularly (not just once)
Use field data (real users) + lab data
Focus on Core Web Vitals
Set realistic targets
Prioritize by impact
Monitor continuously
Setup performance budgets
Test on slow networks
Include mobile in testing
Document improvements

❌ DON'T

Ignore field data
Focus on one metric only
Set impossible targets
Optimize without measurement
Forget about images
Ignore JavaScript costs
Skip mobile performance
Over-optimize prematurely
Forget about monitoring
Expect improvements without effort

Weekly Installs

146

Repository

aj-geddes/usefu…-prompts

GitHub Stars

116

First Seen

Jan 21, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykWarn

Installed on

opencode120

gemini-cli117

codex111

claude-code111

cursor102

github-copilot98