网页慢在哪?这款Skill先测再改

诊断并修复性能问题。

optimize 是 Impeccable 中处理界面性能的 Skill。你给出项目和慢的具体场景,它指导 AI 先测量,定位瓶颈,再修改并比较前后结果。

“慢”可能是首屏迟迟不出现,也可能是点击后卡住,或滚动时掉帧。这些问题不能靠同一招解决。文档要求观察资源大小、请求、渲染和运行时开销,同时确认受影响的是所有用户,还是手机或慢网络用户。

如果图片远大于实际显示尺寸,可以从资源入手;如果长列表一次绘制太多内容,就要检查渲染方式;如果反复读写布局导致卡顿,压缩图片也帮不上忙。

它要求把最大瓶颈放在前面,而不是看到每个组件就加缓存。改完还要在相关设备和网络条件下验证功能与体验。交付中应该有测量依据、实际修改和结果,不能只列一串“已优化”的技术名词。

分类:设计创作

来源仓库:pbakaus/impeccable

适合用来做什么

  • 我的网站加载速度很慢,如何优化性能?
  • UI动画卡顿严重,有哪些优化建议?

安装 optimize

npx skills add https://www.iskills.cc/skills/pbakaus/impeccable/optimize/SKILL.md

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

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

查看 optimize 的用途与原始说明

浏览全部 Skill 指南