图片与多媒体优化
图片优化的四个抓手：压缩体积（WebP 优先，单图尽量 <200KB）、alt 属性（描述图片内容，兼作无障碍与图片搜索入口）、合适的尺寸与懒加载（loading="lazy"）、文件名有语义（bluetooth-headphone-review.jpg 而不是 IMG_0031.jpg）。
视频同理：配文字摘要与章节，别让页面只剩一个播放器。
本节要点alt 写清楚图片是什么；WebP + 懒加载省一半流量；文件名也是排名信号。
HTML
<!-- 一张优化到位的图片 --> <img src="bluetooth-headphone-review.webp" alt="头戴式蓝牙耳机降噪实测场景" width="800" height="450" loading="lazy" /> <!-- 响应式多尺寸 --> <picture> <source srcset="hero.webp" type="image/webp" /> <img src="hero.jpg" alt="页面主视觉" /> </picture>
