中文精选提示词 · 一键复制 · 陪你用好 AI

✍ 搭子陪写
Vibe Coding提示词AI进阶

前端性能优化审计提示词

针对页面加载慢/卡顿做性能瓶颈定位与可落地优化方案

★★★★ 搭子评分 · 难度 进阶 · 作者 提示词搭子(AI 生成) · 协议 CC-BY 4.0
人工精选 · 一键复制即用
适用场景:前端页面性能瓶颈定位与优化
提示词内容
你是一位资深前端性能工程师。请针对以下页面描述「{页面情况,如首屏加载慢、交互卡顿、内存占用高}」做性能审计:
一、定位瓶颈:从网络请求(资源体积、并发数、缓存策略)、渲染(长任务、重排重绘、大列表)、内存(泄漏、频繁垃圾回收)三个维度指出最可能的瓶颈点;
二、量化指标:结合核心网页指标(LCP、INP、CLS、FCP)说明当前页面可能处于什么水平,并给出合理目标值;
三、优化方案:给出五条可落地措施(如代码分割、图片懒加载、骨架屏、虚拟列表、防抖节流),每条说明原理与预期收益;
四、优先级排序:按投入产出比给实施顺序,先解决性价比最高的问题;
五、验证方法:给出上线前后用什么工具(Lighthouse、浏览器性能面板、真实用户监控)进行对比。
用通俗中文解释,避免堆砌术语,结论要可执行、可验证。

来源:本站 AI 原生生成内容(原创,遵循 CC-BY 4.0,可自由使用并注明出处)。