很多站点把注意力放在文字和内鏈上，图片和静態资源却常年没人管。图片体积過大、命名混乱、外鏈失效，短期看不出問题，時間一長就會反映到抓取效率和頁面体驗上。下面是一份可以直接照做的自查清單。
图片為什么會牵動抓取
搜尋蜘蛛抓取頁面时，會下载 HTML，也可能繼續請求頁面里的图片、CSS、JS 等资源。资源体积大、數量多，單次抓取的耗时和带宽都會上升。如果服務器带宽有限，蜘蛛的請求還可能被拖慢，間接影响其他頁面的抓取节奏。
另一方面，首屏大图加载慢，用戶看到的是一块空白，跳出率上升，頁面质量评價也會受影响。所以图片問题既是性能問题，也是运营問题。
自查清單
一、文件体积與格式
- 把大于 200KB 的图片挑出来，尤其是列表頁缩略图。
- 照片類可以用 WebP 或 AVIF，图标和线條图用 SVG；JPEG 适合無透明通道的照片，PNG 留给需要透明的场景。
- 不要用一張 2000px 宽的图缩到 300px 顯示，先裁切再上传。
二、响應式與尺寸声明
- 用 srcset 和 sizes 给不同屏幕提供不同尺寸的图，避免移動端下载桌面大图。
- HTML 里寫上 width 和 height，或對應的 aspect-ratio，减少布局抖動。
三、加载方式
- 首屏图片不要懒加载，否則可能影响最大内容绘制時間。
- 首屏主图可以加 fetchpriority 或 preload，但要克制，別把带宽都占满。
- 折叠线以下的图片再用 loading="lazy"。
四、命名與替代文本
- 文件名用英文小寫加连字符，能描述内容，避免 IMG_2031.jpg 這種。
- alt 属性寫清图片表達什么；纯装饰图片用空 alt，不要堆關鍵詞。
五、外鏈與失效资源
- 检查是否引用了別人的图片，對方一旦防盗鏈或刪除，你的頁面就會出現破图。
- 用爬虫或日誌筛出返回 404、403 的图片地址，逐個替換或刪除。
六、缓存與 CDN
- 静態资源設定合理的 Cache-Control，带版本号或哈希的文件可以设長缓存。
- 確認 CDN 回源正常，避免同一張图有的节点是新版本、有的是舊版本。
一次完整的自查流程
- 導出最近一個月的訪問日誌，筛出图片和静態资源的請求量與狀態碼。
- 用站点爬取工具跑一遍全站，列出大图、破图、重复图。
- 按「体积、格式、尺寸、加载、命名、外鏈」六項打标簽，排出優先級。
- 先處理首頁、栏目頁、文章頁首屏的图，再處理長尾頁面。
- 改完後重新跑一遍，對比资源總量和首屏加载時間。
- 把检查寫進上线流程，新内容發布前過一遍。
別忽略的几個细节
- 图片压缩不要压到明顯失真，画质和体积要平衡。
- 批量替換图片後，舊地址要做 301 或保留，避免已有頁面和外部引用變成死鏈。
- 图床或對象存储如果單獨用域名，注意證书是否有效，否則會出現混合内容警告。
图片自查不是一次性任務。把它變成發布流程里的一個普通步骤，比事後集中整改省力得多。