图片和视频往往占據頁面体积的大头,也是运营里最容易被忽略的一類资源。上线时随手贴一張原图、文件名是一串數字、alt 留空,短期看不出問题,時間一長就會在加载速度、图片搜尋收錄、頁面结构上慢慢累积麻烦。這篇自查针對的是图片、图标、栏目封面、视频封面等媒体资源,适合在上线前或季度巡检时過一遍。
為什么值得單獨做一次媒体资源自查
相比文字,媒体资源有三個特点:体积大、數量容易失控、替換成本低但排查成本高。一篇文章配五張图,一千篇文章就是五千個文件,其中只要有一部分是几 MB 的未压缩原图,带宽和首屏時間都會被拖住。
另外,图片地址本身也是 URL。命名混乱、尺寸參數随意拼接、同一張图存在多個版本地址,都會让 URL 發現和抓取變得更分散。
体积與格式
- 用工具導出或检查頁面里体积最大的十張图,看單張是否明顯偏大,超标的優先處理。
- 照片類優先用 WebP 或 AVIF,图标和简單图形優先 SVG,少用 PNG 存實拍图。
- 確認服務端或 CDN 已開啟压缩轉換,而不是只在本地缩過一次图。
- 视频不要在首屏自動加载完整文件,用封面图加点击播放更稳妥。
文件名、alt 與周邊信息
- 文件名用简短英文或拼音,词之間用连字符,避免纯编号命名,便于自己日後查找。
- alt 描述图片内容本身,不要硬塞關鍵詞,纯装饰性的图片可以留空 alt。
- 图片下方的說明文字和图注是补充上下文的好位置,別整段複製正文。
- 检查同一張图是否在多個頁面重复上传,能复用就复用同一地址。
地址有效性與跳轉
- 抽查图片地址是否正常返回,尤其改版、換 CDN、迁移图床之後。
- 確認图片地址没有经過多层跳轉,跳轉鏈過長會拖慢加载,也會影响抓取效率。
- 如果图片放在獨立域名下,检查该域名的 robots.txt 是否誤封了相關目錄。
- 刪除文章时確認图片是否還有其他頁面在用,避免誤删公共素材。
懒加载與首屏
懒加载本身没問题,但首屏主图不要懒加载,否則首屏渲染會明顯變慢。同时確認在脚本加载失敗或未执行的情况下,正文里的關键图片依然可以顯示,不要让重要内容完全依赖前端逻辑。
一份可执行的自查清單
- 導出頁面中体积最大的二十個媒体文件,按大小排序,處理前几名。
- 批量筛出缺失 alt 的图片,優先补正文配图和栏目封面。
- 抽查三十個图片地址的狀態碼和响應時間,记錄異常来源。
- 確認图片域名可被抓取,且未被抓取規則或防火墙整体挡住。
- 把常用尺寸和命名規則寫進編輯規范,新内容按規范上传。
几個常见誤区
- 以為压缩過一次就一劳永逸,實际上新上传的图往往還是原图。
- 把所有 alt 都填成栏目關鍵詞,對用戶没有帮助,也容易被判定為堆砌。
- 只盯着首頁加载速度,忽略了列表頁和詳情頁叠加起来的图片總量。
图片自查不需要一次做完,按“体积最大、缺失属性、地址異常”三條线分批處理,通常一两轮就能把頁面负担降下来,也顺手把媒体地址整理干净。