很多站点的内容正文没變，頁面却越来越慢，問题往往不在文字，而在图片和外部资源。一張几 MB 的原图直出、一個已经挂掉的图床、一段從別人站点直接引用的脚本，都會让頁面在浏览器里停在半路。對站点运营来说，這類問题不需要動内容，属于可以定期检查、逐項修掉的基础工作。
一、為什么要把图片和外部资源單獨拎出来查
文字内容的体积通常很稳定，一張图却可能顶得上几十篇正文。更麻烦的是外部资源，它不在你的服務器上，你既控制不了它的速度，也控制不了它哪天消失。
從抓取和体驗角度看，两類影响比較直接：
- 加载慢：首屏要等图片，用戶没耐心；抓取时也可能因為超时拿到不完整的頁面。
- 资源失效：外鏈图片返回 404 或超时，頁面上留下空白框，看起来像頁面坏了。
二、三類最常见的問题
1. 原图直出，没有压缩和尺寸控制
編輯器里直接上传手机拍的照片，動辄三四 MB，實际展示宽度只有 800px。這種情况在很多站点里都很普遍，而且越老的栏目越嚴重。
2. 外鏈资源没有落地
早年為了方便，直接從別的站点引用图片或字体文件。對方改路径、加防盗鏈、換域名，你的頁面就會出現空白。字体文件失效還可能让整段文字排版错位。
3. 缺少尺寸声明和懒加载
图片没有寫宽高，浏览器不知道要留多少位置，内容會在图片加载完成後突然跳動。首屏以下的图如果全都同步加载，就會和正文抢带宽。
三、自查清單
可以按下面的顺序過一遍，通常一两小时能摸清全站情况：
- 抽取各栏目的代表性頁面，记錄總請求數和總体积，找出最重的几個頁面。
- 按体积排序图片列表，把明顯偏大的挑出来，確認是否有對應的压缩版本。
- 检查图片的引用方式，区分站内路径和外部域名，把外部域名的清單單獨列出来。
- 逐個訪問外部资源地址，看返回狀態和响應時間，長期超时的直接換成站内文件。
- 检查图片标簽是否带宽高属性，首屏以下是否用了懒加载。
- 检查图片是否有合适的替代文本，這块既關系到可訪問性，也影响内容理解。
- 確認图片目錄的權限和缓存策略，静態资源一般可以設定較長的缓存時間。
四、處理顺序與几個注意点
先修影响面大的：首屏图片、出現在多個栏目的公共图、已经確認失效的外鏈。再做统一压缩和尺寸規范。
- 替換图片时尽量保持原文件名，避免舊地址失效带来新的 404。
- 如果必须換名，做好跳轉或同步更新引用它的頁面。
- 压缩要有度，正文里需要看清细节的图（图表、截图）不要压到文字糊掉。
- 懒加载不要用在首屏第一張图上，否則會拖慢可见内容的呈現。
- 把图片清理纳入常規维護，每次专题或活動結束後顺手归档，不要堆到年底再一次性處理。
图片和外鏈资源的問题不會自己暴露，它們只是让頁面慢慢變重。定期称一称重量，比等到用戶反馈再回头找原因要省事得多。
這類自查不需要复杂的工具，浏览器開發者工具里的網絡面板基本够用。养成發稿前看一眼体积的习惯，比事後返工更容易坚持。