“图片加载慢”是我帮客户诊断独立站时最常遇到的问题——明明主题轻量、插件精简，结果用户一打开页面，产品图还在“转圈圈”，直接划走。今天不说“换WebP”这种老生常谈，聊聊3个我自己踩过坑、又验证有效的冷门操作，亲测能让加载速度再提30%！
1. 图片文件名：别让谷歌“猜谜”之前有个客户卖“复古机械键盘”，图片命名为“keyboard-1.jpg”“keyboard-2.jpg”，谷歌爬虫看了直摇头——它根本不知道这是“复古”还是“机械”键盘。后来我们把图名改成“vintage-mechanical-keyboard-brown-leather-switch”，结果搜索“复古机械键盘”的流量直接涨了25%！记住：文件名=“核心关键词+属性”，比如“blue-ceramic-mug-hand-painted”比“img_001”强10倍。
2. 目录结构：别让图片“挤成球”见过客户的图片全塞在一个“images”文件夹里，几百张图堆在一起，服务器读取时“手忙脚乱”。现在我们给客户做站，会把图片按“产品类型+场景”分类，比如“outdoor-gear/tents/”“kitchen-tools/cookware/”，甚至细分到“tents/3-person/”“tents/4-person/”。这样做有两个好处：一是服务器读取更快（路径短），二是方便后期管理（找图不用翻100页）。
3. 懒加载：别等“用户划到才加载”很多客户以为“懒加载”就是“图片滚到眼前才加载”，但其实可以更“聪明”！比如，首屏的3张主图必须“预加载”（用preload标签），第二屏的图用“lazyload”，第三屏之后的图甚至可以用“低质量占位图（LQIP）”。之前帮一个卖家具的客户改懒加载，首屏加载时间从2.8秒缩到1.1秒，用户停留时间涨了40%。对了，记得用“Intersection Observer API”实现懒加载，比jQuery插件更轻量！
小吐槽：别迷信“一键优化工具”之前有客户用了某“图片优化插件”，结果把所有图都压缩成了“模糊马赛克”，老客投诉“产品图和实物差太多”。后来才发现，这插件默认压缩率太高，适合“风景图”，不适合“产品细节图”。所以记住：图片优化要“看场景”——产品细节图（比如衣服纹理）压缩率别超60%，场景图（比如模特穿搭）可以压缩到70%。
