页面变慢?先用这个Skill测一遍

优化前端、后端和数据库性能,改进Core Web Vitals。

页面变慢时,很多人第一反应是加缓存、加索引,或者把图片改成懒加载。但问题不一定在那里。performance-optimization 这个 Skill 会先帮你测清楚,再决定该改什么;改完还要用同样的条件测一遍。

比如页面打开慢,先看浏览器的网络瀑布:时间到底耗在服务器响应、资源加载,还是页面渲染?如果慢在接口,再去查数据库查询、N+1 请求和连接池等待。这样排查,至少不会对着一个猜测反复改代码。

数据库查询尤其别急着加索引。先用 `EXPLAIN ANALYZE` 看它有没有扫大表、额外排序,或者估算行数严重不准。加完索引后还要再测;如果查询没变快,或者写入变慢了,这个改动就该撤回,不要因为“可能有用”一直留着。

这个 Skill 还建议把尝试过的方案记下来,包括最后撤回的方案。下次遇到类似问题,团队就不用重新踩一遍。适合确实遇到页面、接口或查询变慢的人;如果还没有基线数据,先测量,再谈优化。

分类:测试排错

来源仓库:addyosmani/agent-skills

适合用来做什么

  • 分析这个应用的性能瓶颈并提出优化建议。
  • 如何修复这个数据库查询中的N+1问题?

安装 performance-optimization

npx skills add https://www.iskills.cc/skills/addyosmani/agent-skills/performance-optimization/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 performance-optimization 的用途与原始说明

浏览全部 Skill 指南