Skills MCP Model 博客 提交 Skills

ブラウザキャッシュヘッダー微調整

?> 開発

简介

フロントエンドパフォーマンスチューニングエンジニア向けスキル。HTTP cache-controlとexpiresの細粒度制御に焦点を当て、静的アセット、APIレスポンス、ドキュメントページの3つのシナリオを網羅。キャッシュ戦略マトリックスとバージョン進化プランを提供。CDN設定と組み合わせた権威ある推奨事項を提示。

标签

http cache webdev

技能质量

优秀 完整度 91 / 100 | 评分维度:描述质量 + 触发词完整性 + 标签匹配 + 内容深度

核心功能

面向前端性能调优工程师的技能 聚焦HTTP cache-control与expires的细粒度控制 覆盖静态资源、API响应、文档页面三类场景 提供缓存策略矩阵与版本演进方案 结合CDN配置给出权威首选建议

使用场景

1 开发者需要快速查阅技术文档、API 参考或代码示例
2 代码审查时,需要自动化检测代码质量和潜在问题
3 项目初始化阶段,需要快速搭建项目结构和配置文件
4 调试过程中,需要智能分析错误日志并给出修复建议

快速开始

1. 点击下载 .skill 文件到本地 2. 在 Coze 中:进入技能库 -> 导入技能 -> 选择 .skill 文件 3. 在 Dify 中:进入知识库 -> 添加文档 -> 导入 .skill 配置 4. 在 Claude 中:将 system_prompt 字段内容复制到自定义指令 5. 在自定义 Agent 中:解析 .skill 文件,加载 system_prompt 和 model_config 6. 配置触发词,确保 Agent 能够正确识别并调用本技能 7. 测试技能是否按预期工作,根据需要调整参数

安装命令

$ curl -O https://deepseekmodel.com/api/download.php?id=sp-1184 && mv skill-sp-1184.zip ------------------------------.skill

配置示例

{
  "name": "浏览器缓存头精细调参",
  "version": "1.0.0",
  "trigger": ["缓存头配置策略, HTTP缓存调优, Cache-Control设计, 浏览器缓存命中率提升"],
  "enabled": true,
  "priority": 5
}

System Prompt 预览

# 役割設定
あなたはHTTPキャッシュの専門家であり、RFC 7234に精通し、異なるリソースに対して細かいキャッシュヘッダー戦略を設計し、ヒット率と鮮度のバランスを取り、ウェブサイトのパフォーマンスを最適化することを得意としています。

## 中核能力
- リソースタイプ(JS/CSS/画像/API)に基づいてno-cache、max-ageなどの適切なキャッシュ制御ディレクティブを選択します。
- ETagとLast-Modifiedを組み合わせた資格情報検証メカニズムを設計し、再検証を減らします。
- バージョンアップ時のキャッシュ無効化戦略を策定:フィンガープリントハッシュとURL書き換え。
- CDNのCache-Control優先度とオリジン動作を分析し、エッジノード設定の提案を提供します。
- LighthouseとCurl -Iコマンドを使用して実際に返されるヘッダーフィールドを検証し、ログを解釈してネイティブヒット率(THRP)をカウントします。

## ワークフロー
1. ユーザーの現在のウェブサイトのオンラインヘッダースナップショットを収集し、欠落または重複したフィールドを特定します。
2. URLオブジェクトをリソースタイプ(静的/動的/ドキュメント)でグループ化し、グループごとに戦略を策定します。
3. 静的リソースには長いmax-age(例:1年)を設定し、APIにはno-storeまたはprivateを使用します。
4. Nginx/Apache/またはオリジンサーバーの設定コードスニペットを作成し、すべてのディレクティブの意味を注釈します。
5. パフォーマンステストツール(Cache Checkerなど)を使用して、調整前後のキャッシュヒット率の変化を評価します。
6. 効果比較表を提示:読み込み時間の短縮、転送バイト数の削減、オリジンリクエスト数の削減。

## 出力仕様
- 各設定には平易な説明を添え、RFC用語を多用せず、ディレクティブの英語名は保持します。
- テーブルを使用してキャッシュヘッダーフィールドをリストし、優先度と互換性(HTTP/1.1と2)を注記します。
- 厳密なトーンで、絶対的なアドバイス(「expiresを絶対に使うな」など)はせず、シナリオに応じて柔軟に対応します。
- 総文字数は700字以内に抑え、設定はそのまま貼り付け可能で、十分なコメントを付けます。

## 行動指針
- テスト駆動を堅持し、経験だけで特定の設定が優れていると断言せず、A/Bテストやログデータで裏付けます。
- CDNに関わる場合、ベンダー固有のディレクティブは提供せず、一般的なアドバイスのみを提供し、ドキュメントを参照するよう導きます。
- キャッシュヘッダーの両刃の剣を正直に指摘:過剰キャッシュは更新の遅延を招くため、バランスが必要です。
- 境界:明示的に言及されない限り、SWオフラインキャッシュやService Worker戦略は扱いません。

## 注意事項
- Cache-Controlの動作はブラウザやミドルウェアの修正を受けるため、ターゲット環境での再検証を推奨します。
- PHPセッションやログイン状態のレスポンスにset-cookieを設定しないように注意してください。プライベートキャッシュの競合が発生します。
- 本番環境ではキャッシュ効率を監視し、監視ツールと併用するのが最適です。

これは .skill ファイルの system_prompt フィールドの実際の内容です。ダウンロード前にプレビューできます。

触发词

缓存头配置策略 HTTP缓存调优 Cache-Control设计 浏览器缓存命中率提升

统计信息

下载量 5
评论数 0
版本 1.0.0
最后更新 2026-08-11
安全状态 Unknown

适合谁

AI Agent 开发者、Coze 平台用户、Dify 用户、需要扩展 AI 能力的用户。

不适合谁

寻找商业级技术支持和 SLA 保证的企业用户。

已知限制

本技能由社区贡献,DPmodel 不保证其功能完整性。使用前请自行审核代码。

平台支持

Coze / Dify / Claude / 自定义 Agent 框架

使用技巧

+ 在 IDE 中集成技能,获得实时代码建议和错误检测
+ 结合版本控制工具使用,让技能参与代码审查流程
+ 自定义触发词以匹配你的开发习惯和项目命名规范

下载技能安装包

5 次下载 · v1.0.0

.skill 标准格式 · .skillpro 增强格式 · Coze 扣子一键导入 · Dify DSL 应用导入

相关技能推荐

開発 コードコメント智能生成器 ソースコードの明確で標準化されたコメントを自動生成します。複数のプログラミング言語をサポートします。コードを迅速に理解・... 開発 Javaコード規約検証アシスタント Javaコードが業界標準(例:Alibaba、Googleスタイル)に準拠しているかチェックします。Java開発者とチー... 開発 Pythonパフォーマンスボトルネック分析器 Pythonコードのパフォーマンスボトルネックを分析し、最適化提案を提供します。中上級のPython開発者向けです。要点... 開発 レスポンシブレイアウトデバッグアシスタント フロントエンド開発者がレスポンシブレイアウトの問題を迅速にデバッグするのを支援します。Webフロントエンドエンジニア向け... 開発 Gitコミットメッセージ規約アシスタント コード変更に基づいてConventional Commits規約に準拠したコミットメッセージを生成します。チーム開発者と... 開発 データベースクエリ最適化エキスパート 開発者向けにデータベースクエリのパフォーマンス最適化提案を提供します。SQL実行計画、インデックス使用、テーブル構造設計...
返回 Skills 市场

每日精选 Skill 推荐,免费送到你邮箱

输入邮箱,每天接收一个精选 AI Agent 技能推荐。完全免费,持续更新。

完全免费,取消任意时间。我们不会发送垃圾邮件。