得到更轻的首屏资源、稳定的卡片占位和慢网可用的媒体加载路径。
TOP 18 · MEDIA PERFORMANCE PASS
网页性能优化与媒体瘦身
把大图、视频、远程资源和不必要脚本变成有尺寸、有优先级、有后备、有缓存的生产媒体策略。
预览图多、视频多或华南及移动网络加载缓慢的网站。
半天，专业难度。
DEFINITION OF DONE
做完不是“生成了一张图”，而是交付这三项
- 01
媒体体积清单
- 02
响应式图片与视频后备方案
- 03
缓存和加载优先级配置
EXECUTION PATH
按这个顺序推进
先解决产品和内容判断，再让 AI 执行页面。顺序反了，生成速度越快，返工越多。
- 01
测量真实资源
按首屏、卡片、详情和视频统计数量、格式、尺寸与来源，先处理最大和最常见资源。
- 02
生成合适规格
为卡片提供 400 和 800 像素 WebP 或 AVIF，为大图保留必要分辨率，不把 5MB 原图塞进列表。
- 03
设置加载层级
首屏关键图优先，其余懒加载。媒体固定宽高，视频使用海报和静态失败状态。
- 04
验证慢网与缓存
模拟慢网、资源失败和第二次访问，检查是否可读、是否重复下载、是否出现黑块。
公开可看的项目骨架
- 媒体盘点方法
- 规格与优先级规则
- 慢网测试流程
会员使用包内完整素材
- 3 个包内完整构建提示词
- 月度会员按每月 20 个额度选择包内会员提示词
- 年度与永久会员可使用全部会员提示词，每日最多首次解锁 50 个
INCLUDED BUILDING BLOCKS
包内可直接调用的素材
这些素材负责提供视觉、结构或组件。先按项目路径判断，再进入详情和会员复制。
QUALITY GATE
满足这些条件，才算完成
项目包卖的不是生成次数，而是一个可检查的完成标准。
卡片缩略图目标控制在约 50–100KB
图片和视频都有尺寸占位与失败后备
非首屏媒体不会争抢首屏带宽
静态资源使用可验证的长缓存策略
NEXT PROJECT
接下来可以继续做
围绕同一阶段选择下一条结果路径，不必重新从 452 张卡片里猜。
TOP 04上线前页面质检清单，避免 AI 味和模板感
从内容、视觉、交互、响应式、性能和可信度六个维度检查 AI 生成页面，系统清理空洞大词、平均排版、无效动效和模板化区块。
交付结果- 六维页面质检报告
- 高优先级修改队列
TOP 15
TOP 16