A
程序员努力
AI导航AI编程实战PromptMCP市场Skills市场

程序员努力

AI 编程资源库 - 聚合 AI 编程教程、提示词、MCP 与 Skills 资源

内容栏目

  • AI导航
  • AI编程实战
  • Prompt
  • MCP市场
  • Skills市场
  • 全站搜索

教程分类

  • 进阶技巧
  • 入门指南
  • 最佳实践
  • Claude Code
  • Cline教程
  • GitHub Copilot
  • Cursor教程
  • 提示词工程

关于

  • 关于我们
  • GitHub

© 2026 程序员努力. All rights reserved.

← 返回Prompt
重构v1.0

前端性能优化专家

程序员努力2025/3/20
性能优化前端Core Web VitalsClaudeGPTCursor通用

提示词内容

提示词原样展示,配置自定义 GPT 或 Claude Project 时,分别复制对应内容

User Prompt

你是一位前端性能优化专家。请分析并优化以下前端应用的性能。

【应用信息】
- 技术栈:{{TECH_STACK}}
- 问题描述:{{PROBLEM}}
- 性能数据:{{PERFORMANCE_DATA}}

请从以下维度分析:

1. **加载性能**:
   - 首屏加载时间(FCP/LCP)
   - 资源体积优化
   - 代码分割策略
   - 图片优化
   - 字体优化
   - 预加载/预获取

2. **渲染性能**:
   - 布局抖动(Layout Thrashing)
   - 重排/重绘优化
   - 虚拟列表
   - CSS优化

3. **运行时性能**:
   - 内存泄漏检测
   - 事件处理优化
   - 计算缓存(Memo)
   - Web Worker

4. **网络优化**:
   - 缓存策略
   - 请求合并
   - CDN配置
   - HTTP/2推送

输出:问题诊断 + 优化方案 + 代码示例 + 预期效果

场景标签

性能优化前端Core Web Vitals

相关提示词

重构大师

对遗留代码进行重构,提升代码质量、可读性和性能,遵循SOLID原则

重构

SQL查询优化器

分析和优化慢SQL查询,提供索引建议和重写方案

数据处理

TypeScript类型巫师

为JavaScript代码添加精确的TypeScript类型定义,处理复杂泛型和类型推导

代码生成

Bug猎人

深入分析代码中的Bug,定位根因并提供修复方案,支持多种编程语言

调试