作品集加载速度直接决定面试官是否愿意浏览，页面延迟 1 秒流失率上升 7%-10%，面试官耐心远低于普通用户，标准指标：网页首屏≤3 秒、完整加载≤5 秒；PDF 控制在 15MB 以内。
图片是性能最大负担，优先选用 WebP 格式，兼顾压缩率与透明通道；照片用 JPG，矢量图标用 SVG，减少大体积 PNG。尺寸严格限制：全屏图宽 1920px，缩略图 400-600px，杜绝 4000px 原图直传。借助 TinyPNG、Squoosh 批量压缩，单张图片控制在 200-500KB，Figma 导出 2x、画质 80% 再二次压缩。网页开启图片懒加载，仅滚动到可视区域再加载资源。
视频、动效精简优化：禁止页面自动播放高清视频，搭配封面占位，点击后加载；长 GIF 替换为 MP4，体积可缩减 80%；UI 交互动效优先 Lottie、CSS 动画，舍弃高帧率 GIF，复杂过渡动画做低端设备降级处理。
字体优化减少加载耗时：仅引入实际用到的字重，统一使用 WOFF2 格式；中文字体必须子集化，剔除无用字符；配置 font-display: swap，防止文字空白。
PDF 作品集压缩方案：导出时图片分辨率设 150-200DPI，选择最小体积预设；完工后用 Smallpdf、Mac 预览工具二次压缩，理想 5-10MB，上限不超 15MB，避免邮箱附件超限无法发送。
上线前用 Lighthouse、PageSpeed Insights、GTmetrix 检测性能，桌面、移动端双端跑分 80 分以上才算合格。作为体验设计师，作品集自身加载流畅度，本身就是你的第一份设计证明，不可忽视。