作品集设计再出色，若加载时间超过5秒，大概率会被面试官关闭页面。作为设计师，更应重视加载速度这一基础体验，页面加载每延迟1秒，用户流失率约增加7-10%，而面试官因需浏览大量作品集，耐心更有限。核心加载目标基准为：首屏加载≤3秒、完全加载≤5秒、PDF作品集≤15MB。
图片是加载缓慢的主要诱因，需重点优化。格式选择上，网页作品集首选WebP（体积比JPEG小25-35%），照片用JPEG，透明背景图尽量少用PNG，图标和简单图形用SVG，AVIF可作为备选。尺寸需精准控制，全宽图宽度不超1920px，半宽图不超960px，缩略图400-600px，避免直接上传4000px+原始截图。可借助TinyPNG、Squoosh等工具压缩，单张图片控制在200-500KB内，Figma导出时可直接选择2x JPG（质量80%）再二次压缩。
启用懒加载技术，仅当用户滚动到图片可见区域时再加载，可通过HTML原生属性、建站工具内置功能或代码实现。视频和动效需合理优化，视频不自动播放、用封面图占位，优先嵌入YouTube/Vimeo，GIF尽量用MP4替代，动效优先选择CSS动画，复杂动效需提供降级方案。
字体优化不可忽视，仅加载实际使用的字重，优先用WOFF2格式，中文字体需子集化减少体积，使用font-display: swap避免加载期间页面空白。PDF作品集需控制大小，导出时选择合适质量，借助Adobe Acrobat、Smallpdf等工具压缩，理想体积5-10MB，最多不超过20MB。
可使用Google PageSpeed Insights、GTmetrix等工具测试性能，目标移动端和桌面端得分均不低于80分，及时根据测试建议调整优化，确保作品集快速加载，避免因速度问题错失机会。
