頁面載入慢、靜態資源 404、快取不生效或第三方腳本過多時,先查看頁面資源健康,再檢查靜態資源快取、HTTP 快取/CDN、壓縮與第三方腳本治理,最後複核安全回應頭和 CSP。
適合哪些查看場景
檢查 CSS、JS、圖片和字型是否 404 或跳轉
查看 Cache-Control、ETag、Age、CDN 狀態和 immutable 配置
確認 HTML、CSS、JS 是否啟用 gzip 或 brotli 壓縮
識別第三方腳本來源、阻塞渲染、SRI 與供應鏈風險
推薦查看路徑
- 先用頁面資源健康查看壞資源、混合內容和資源體積
- 再用靜態資源快取體檢確認 hash 資源是否長快取
- 用 HTTP 快取/CDN 查看頁面回應頭和邊緣快取線索
- 最後用第三方腳本治理、安全頭和 CSP 工具複核上線風險
相關工具入口
面向 CSS、JS、圖片、字型、Cache-Control、CDN 命中線索、gzip/brotli、第三方腳本、SRI 與安全回應頭的上線體檢入口。
HTTP 快取與 CDN 邊緣體檢查看
查看 URL 的 Cache-Control、Age、Vary、ETag、CDN 命中/绕过线索和边缘缓存优化建议。
HTTP 缓存CDNCache-Control靜態資源快取策略體檢查看
抽样查看页面 CSS、JS、图片、字体等静态资源的缓存 TTL、immutable、ETag、压缩和 404 风险。
静态资源缓存CDN頁面資源 404 與效能體檢查看
抽样查看页面 CSS、JS、图片、字体等资源的 404/5xx、跳转、混合内容、阻塞脚本、图片尺寸、alt 和体积风险。
资源 404页面性能静态资源第三方腳本治理體檢查看
抽样查看页面脚本的第三方来源、SRI/crossorigin、阻塞渲染、版本线索、缓存策略与脚本供应链风险。
第三方脚本GTM埋点治理Gzip / Brotli 壓縮查看
查看 URL 响应是否启用 gzip、brotli 等内容压缩,并检查 Vary、缓存和内容类型等關鍵响应信号。
GzipBrotliHTTP 压缩安全回應頭體檢查看
查看线上 URL 是否部署了 HSTS、CSP、X-Content-Type-Options、Referrer-Policy、Permissions-Policy、COOP/CORP 等關鍵安全响应头。
安全头HSTSCSPCSP 安全策略查看
查看 URL 的 Content-Security-Policy 和 Report-Only 策略,分析 default-src、script-src、object-src、frame-ancestors 等關鍵风险。
CSPContent Security Policy安全头源站暴露體檢
联合查看 DNS 直连、CDN 边缘特征、HTTP 到 HTTPS 跳转、安全响应头和 Server/X-Powered-By 泄露风险。
源站暴露CDNHeader常見問題
頁面載入慢、靜態資源 404、快取不生效或第三方腳本過多時,先查看頁面資源健康,再檢查靜態資源快取、HTTP 快取/CDN、壓縮與第三方腳本治理,最後複核安全回應頭和 CSP。
這個專題能取代 Lighthouse 嗎?
不能。這裡更適合快速查看公開回應、資源和腳本治理信號;完整效能評分仍應結合 Lighthouse、真實使用者資料和 CDN 報表。
為什麼快取和第三方腳本要一起檢查?
頁面慢不一定只來自伺服器。快取未命中、資源無長快取、阻塞腳本、第三方供應鏈與安全頭策略都會影響體驗與抓取穩定性。
繼續查看這些專題
把高頻工具需求整理成可收錄、可引用、可轉發的專題頁,讓使用者快速找到一組相關工具,也讓搜尋與 AI 更容易理解 Chakan。