{"id":37996,"date":"2026-03-24T19:12:40","date_gmt":"2026-03-24T12:12:40","guid":{"rendered":"https:\/\/dps.media\/?p=37996"},"modified":"2026-03-24T19:12:43","modified_gmt":"2026-03-24T12:12:43","slug":"shi-yong-ai-agent-you-hua-pagespeed-chu-ji-zhi-nan","status":"publish","type":"post","link":"https:\/\/dps.media\/zh\/shi-yong-ai-agent-you-hua-pagespeed-chu-ji-zhi-nan\/","title":{"rendered":"\u4f7f\u7528 AI Agent \u4f18\u5316 PageSpeed \u2014 \u521d\u7ea7\u6307\u5357"},"content":{"rendered":"<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Google+Sans:wght@400;500;700&family=Google+Sans+Mono:wght@400;500;700&display=swap');\n\n#dps-isolated-root * { margin: 0; padding: 0; box-sizing: border-box; font-family: inherit; }\n\n#dps-isolated-root {\n  --bg:      #f8f9fb;\n  --bg2:     #ffffff;\n  --bg3:     #f1f3f7;\n  --border:  #e2e6ed;\n  --border2: #c8d0dc;\n  --green:   #0d7a55;\n  --green-bg:#e6f4ef;\n  --green-bd:#b2d8c8;\n  --amber:   #b45309;\n  --amber-bg:#fef3e2;\n  --amber-bd:#f6d49a;\n  --red:     #c0152a;\n  --red-bg:  #fde8eb;\n  --blue:    #1a56c4;\n  --blue-bg: #e8effc;\n  --blue-bd: #bad0f5;\n  --text:    #111827;\n  --text2:   #374151;\n  --text3:   #6b7280;\n  --mono: 'Google Sans Mono', 'Courier New', monospace;\n  background: var(--bg);\n  color: var(--text);\n  font-family: 'Google Sans', 'Segoe UI', sans-serif;\n  line-height: 1.6;\n  min-height: 100vh;\n  overflow-x: hidden;\n}\n\n#dps-isolated-root .dps-i-wrap {\n  max-width: 960px;\n  margin: 0 auto;\n  padding: 0 24px;\n}\n\n\/* HERO *\/\n#dps-isolated-root .dps-i-hero {\n  background: #fff;\n  border-bottom: 1px solid var(--border);\n  padding: 64px 24px 56px;\n  position: relative;\n  overflow: hidden;\n}\n#dps-isolated-root .dps-i-hero-grid {\n  position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(13,122,85,0.05) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(13,122,85,0.05) 1px, transparent 1px);\n  background-size: 36px 36px;\n  pointer-events: none;\n}\n#dps-isolated-root .dps-i-hero-inner { max-width:960px; margin:0 auto; position:relative; }\n#dps-isolated-root .dps-i-badge {\n  display: inline-flex; align-items:center; gap:8px;\n  background: var(--green-bg); border:1px solid var(--green-bd);\n  border-radius:4px; padding:5px 12px;\n  font-family:var(--mono); font-size:11px; color:var(--green);\n  letter-spacing:0.1em; text-transform:uppercase;\n  margin-bottom:24px; animation:dps-fadein .5s ease both;\n}\n#dps-isolated-root .dps-i-badge-dot {\n  width:6px; height:6px; border-radius:50%; background:var(--green);\n  animation:dps-pulse 2s ease infinite;\n}\n@keyframes dps-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.3;transform:scale(.6)} }\n@keyframes dps-fadein { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }\n\n#dps-isolated-root .dps-i-h1 {\n  font-family:'Google Sans',sans-serif;\n  font-size:clamp(1.9rem,4.5vw,3rem); font-weight:700;\n  line-height:1.18; letter-spacing:-.025em; color:var(--text);\n  margin-bottom:18px; animation:dps-fadein .55s .08s ease both;\n}\n#dps-isolated-root .dps-i-h1-accent { color:var(--green); }\n#dps-isolated-root .dps-i-hero-desc {\n  font-size:1.05rem; color:var(--text2); max-width:620px;\n  line-height:1.75; margin-bottom:36px;\n  animation:dps-fadein .55s .16s ease both;\n}\n#dps-isolated-root .dps-i-hero-meta {\n  display:flex; gap:36px; flex-wrap:wrap;\n  animation:dps-fadein .55s .24s ease both;\n}\n#dps-isolated-root .dps-i-meta-item { display:flex; flex-direction:column; gap:3px; }\n#dps-isolated-root .dps-i-meta-val { font-family:var(--mono); font-size:1.6rem; font-weight:700; color:var(--green); }\n#dps-isolated-root .dps-i-meta-label { font-family:var(--mono); font-size:10px; color:var(--text3); text-transform:uppercase; letter-spacing:.1em; }\n\n\/* MASTER PROMPT BANNER *\/\n#dps-isolated-root .dps-i-master-banner { background:var(--green); }\n#dps-isolated-root .dps-i-master-inner {\n  max-width:960px; margin:0 auto; padding:20px 24px;\n  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;\n}\n#dps-isolated-root .dps-i-master-label { font-size:.9rem; font-weight:600; color:#fff; }\n#dps-isolated-root .dps-i-master-sub { font-size:.78rem; color:rgba(255,255,255,.75); margin-top:2px; font-family:var(--mono); }\n#dps-isolated-root .dps-i-master-btn {\n  display:inline-flex; align-items:center; gap:8px;\n  background:#fff; color:var(--green); border:none; border-radius:6px;\n  padding:10px 20px; font-family:'Google Sans',sans-serif;\n  font-size:.88rem; font-weight:700; cursor:pointer; white-space:nowrap;\n  transition:background .15s,transform .15s; flex-shrink:0;\n}\n#dps-isolated-root .dps-i-master-btn:hover { background:#e6f4ef; transform:translateY(-1px); }\n#dps-isolated-root .dps-i-master-btn.dps-copied { background:#d4f0e4; color:#0a6044; }\n#dps-isolated-root .dps-i-master-src { display:none; }\n\n\/* WARN \/ INFO *\/\n#dps-isolated-root .dps-i-warn {\n  margin:32px 0;\n  background:var(--amber-bg); border:1px solid var(--amber-bd);\n  border-left:3px solid var(--amber); border-radius:6px;\n  padding:14px 18px; display:flex; gap:12px; align-items:flex-start;\n}\n#dps-isolated-root .dps-i-warn-icon { font-size:17px; flex-shrink:0; line-height:1.5; }\n#dps-isolated-root .dps-i-warn-text { font-size:.84rem; color:var(--amber); line-height:1.65; font-family:var(--mono); }\n#dps-isolated-root .dps-i-warn-text strong { color:#92400e; font-weight:700; }\n\n#dps-isolated-root .dps-i-info {\n  margin-top:12px; background:var(--blue-bg);\n  border:1px solid var(--blue-bd); border-radius:5px;\n  padding:10px 14px; font-family:var(--mono);\n  font-size:.78rem; color:var(--blue); line-height:1.65;\n}\n\n\/* SECTION *\/\n#dps-isolated-root .dps-i-section { padding:56px 0; border-bottom:1px solid var(--border); }\n#dps-isolated-root .dps-i-section-label {\n  font-family:var(--mono); font-size:10px; letter-spacing:.15em;\n  text-transform:uppercase; color:var(--text3); margin-bottom:6px;\n}\n#dps-isolated-root .dps-i-h2 {\n  font-family:'Google Sans',sans-serif; font-size:1.55rem;\n  font-weight:700; color:var(--text); margin-bottom:28px; letter-spacing:-.01em;\n}\n#dps-isolated-root .dps-i-h2-line {\n  display:inline-block; width:28px; height:2px;\n  background:var(--green); vertical-align:middle; margin-right:10px;\n}\n\n\/* STEPS *\/\n#dps-isolated-root .dps-i-steps { display:flex; flex-direction:column; gap:6px; }\n#dps-isolated-root .dps-i-step {\n  background:var(--bg2); border:1px solid var(--border);\n  border-radius:8px; overflow:hidden; transition:border-color .2s,box-shadow .2s;\n}\n#dps-isolated-root .dps-i-step:hover { border-color:var(--border2); box-shadow:0 2px 8px rgba(0,0,0,.06); }\n#dps-isolated-root .dps-i-step.dps-open { border-color:var(--green-bd); box-shadow:0 2px 12px rgba(13,122,85,.08); }\n#dps-isolated-root .dps-i-step-header {\n  display:flex; align-items:center; gap:14px;\n  padding:16px 18px; cursor:pointer; user-select:none;\n}\n#dps-isolated-root .dps-i-step-num {\n  font-family:var(--mono); font-size:10px; font-weight:700; color:var(--green);\n  background:var(--green-bg); border:1px solid var(--green-bd);\n  border-radius:4px; padding:3px 8px; flex-shrink:0; letter-spacing:.06em;\n}\n#dps-isolated-root .dps-i-step-title { font-size:.95rem; font-weight:600; color:var(--text); flex:1; }\n#dps-isolated-root .dps-i-step-arrow { font-size:11px; color:var(--text3); transition:transform .22s; flex-shrink:0; }\n#dps-isolated-root .dps-i-step.dps-open .dps-i-step-arrow { transform:rotate(180deg); }\n#dps-isolated-root .dps-i-step-body { display:none; padding:0 18px 20px 52px; border-top:1px solid var(--border); }\n#dps-isolated-root .dps-i-step.dps-open .dps-i-step-body { display:block; }\n#dps-isolated-root .dps-i-step-body-inner { padding-top:16px; }\n\n\/* CHECKLIST *\/\n#dps-isolated-root .dps-i-checklist { display:flex; flex-direction:column; gap:10px; margin-top:10px; }\n#dps-isolated-root .dps-i-check-item {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:.875rem; color:var(--text2); line-height:1.55;\n}\n#dps-isolated-root .dps-i-check-mark {\n  width:17px; height:17px; border-radius:50%;\n  border:1.5px solid var(--green-bd); background:var(--green-bg);\n  display:flex; align-items:center; justify-content:center;\n  flex-shrink:0; margin-top:2px;\n}\n#dps-isolated-root .dps-i-check-mark-inner { width:6px; height:6px; border-radius:50%; background:var(--green); }\n#dps-isolated-root .dps-i-check-item strong { color:var(--text); }\n#dps-isolated-root .dps-i-check-item code {\n  font-family:var(--mono); font-size:.78rem;\n  background:var(--bg3); border:1px solid var(--border);\n  border-radius:3px; padding:1px 5px; color:var(--text);\n}\n\n\/* LINT GRID *\/\n#dps-isolated-root .dps-i-lint-grid {\n  display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:16px;\n}\n#dps-isolated-root .dps-i-lint-card {\n  background:var(--bg3); border:1px solid var(--border); border-radius:6px; padding:12px 14px;\n}\n#dps-isolated-root .dps-i-lint-lang {\n  font-family:var(--mono); font-size:10px; font-weight:700;\n  text-transform:uppercase; letter-spacing:.1em; color:var(--text3); margin-bottom:6px;\n}\n#dps-isolated-root .dps-i-lint-cmd {\n  font-family:var(--mono); font-size:.78rem; color:var(--blue);\n  background:var(--blue-bg); border:1px solid var(--blue-bd);\n  border-radius:4px; padding:5px 9px; display:block; line-height:1.5;\n}\n\n\/* GATES *\/\n#dps-isolated-root .dps-i-gates { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }\n#dps-isolated-root .dps-i-gate {\n  background:var(--bg2); border:1px solid var(--border);\n  border-radius:8px; padding:20px; position:relative; overflow:hidden;\n}\n#dps-isolated-root .dps-i-gate::before { content:''; position:absolute; top:0;left:0;right:0; height:3px; }\n#dps-isolated-root .dps-i-gate-1::before { background:var(--amber); }\n#dps-isolated-root .dps-i-gate-2::before { background:var(--blue); }\n#dps-isolated-root .dps-i-gate-3::before { background:var(--green); }\n#dps-isolated-root .dps-i-gate-label { font-family:var(--mono); font-size:10px; text-transform:uppercase; letter-spacing:.12em; margin-bottom:7px; font-weight:700; }\n#dps-isolated-root .dps-i-gate-1 .dps-i-gate-label { color:var(--amber); }\n#dps-isolated-root .dps-i-gate-2 .dps-i-gate-label { color:var(--blue); }\n#dps-isolated-root .dps-i-gate-3 .dps-i-gate-label { color:var(--green); }\n#dps-isolated-root .dps-i-gate-name { font-size:.93rem; font-weight:700; color:var(--text); margin-bottom:6px; }\n#dps-isolated-root .dps-i-gate-who { font-size:.78rem; color:var(--text3); font-family:var(--mono); line-height:1.6; }\n\n\/* PRIORITY *\/\n#dps-isolated-root .dps-i-priority-list { display:flex; flex-direction:column; gap:8px; }\n#dps-isolated-root .dps-i-prio-item {\n  display:flex; align-items:center; gap:16px;\n  background:var(--bg2); border:1px solid var(--border);\n  border-radius:8px; padding:14px 18px; transition:border-color .18s,transform .18s;\n}\n#dps-isolated-root .dps-i-prio-item:hover { border-color:var(--border2); transform:translateX(4px); }\n#dps-isolated-root .dps-i-prio-rank { font-family:var(--mono); font-size:1.3rem; font-weight:700; min-width:32px; text-align:center; }\n#dps-isolated-root .dps-i-prio-rank-1 { color:var(--red); }\n#dps-isolated-root .dps-i-prio-rank-2 { color:var(--amber); }\n#dps-isolated-root .dps-i-prio-rank-3 { color:var(--blue); }\n#dps-isolated-root .dps-i-prio-rank-4 { color:var(--green); }\n#dps-isolated-root .dps-i-prio-content { flex:1; }\n#dps-isolated-root .dps-i-prio-name { font-size:.93rem; font-weight:600; color:var(--text); margin-bottom:3px; }\n#dps-isolated-root .dps-i-prio-desc { font-size:.78rem; color:var(--text3); font-family:var(--mono); }\n#dps-isolated-root .dps-i-prio-impact {\n  font-family:var(--mono); font-size:.7rem; padding:3px 9px;\n  border-radius:4px; border:1px solid; text-transform:uppercase; letter-spacing:.08em; white-space:nowrap;\n}\n#dps-isolated-root .dps-i-impact-critical { color:var(--red); border-color:#fbb6c0; background:var(--red-bg); }\n#dps-isolated-root .dps-i-impact-high { color:var(--amber); border-color:var(--amber-bd); background:var(--amber-bg); }\n#dps-isolated-root .dps-i-impact-med { color:var(--blue); border-color:var(--blue-bd); background:var(--blue-bg); }\n#dps-isolated-root .dps-i-impact-low { color:var(--green); border-color:var(--green-bd); background:var(--green-bg); }\n\n\/* PROMPT CARDS *\/\n#dps-isolated-root .dps-i-prompts { display:flex; flex-direction:column; gap:14px; }\n#dps-isolated-root .dps-i-prompt-card {\n  background:var(--bg2); border:1px solid var(--border); border-radius:8px; overflow:hidden;\n}\n#dps-isolated-root .dps-i-prompt-header {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:9px 14px; background:var(--bg3); border-bottom:1px solid var(--border);\n}\n#dps-isolated-root .dps-i-prompt-tag { font-family:var(--mono); font-size:10px; text-transform:uppercase; letter-spacing:.1em; color:var(--text3); }\n#dps-isolated-root .dps-i-copy-btn {\n  font-family:var(--mono); font-size:10px; color:var(--green);\n  background:var(--green-bg); border:1px solid var(--green-bd);\n  border-radius:4px; padding:3px 10px; cursor:pointer;\n  letter-spacing:.05em; transition:background .15s;\n}\n#dps-isolated-root .dps-i-copy-btn:hover { background:#cdeee2; }\n#dps-isolated-root .dps-i-copy-btn.dps-copied { background:var(--green); color:#fff; border-color:var(--green); }\n#dps-isolated-root .dps-i-prompt-body {\n  padding:16px; font-family:var(--mono); font-size:.79rem;\n  color:var(--text2); line-height:1.8; white-space:pre-wrap; background:#fdfdfe;\n}\n#dps-isolated-root .dps-i-prompt-kw { color:var(--green); font-weight:700; }\n#dps-isolated-root .dps-i-prompt-str { color:var(--blue); }\n#dps-isolated-root .dps-i-prompt-warn { color:var(--red); font-weight:700; }\n\n\/* OUTPUT *\/\n#dps-isolated-root .dps-i-output-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }\n#dps-isolated-root .dps-i-output-card {\n  background:var(--bg2); border:1px solid var(--border);\n  border-radius:8px; padding:16px 18px; display:flex; gap:14px; align-items:flex-start;\n}\n#dps-isolated-root .dps-i-output-icon { font-size:20px; flex-shrink:0; line-height:1.3; }\n#dps-isolated-root .dps-i-output-name { font-family:var(--mono); font-size:.79rem; font-weight:700; color:var(--text); margin-bottom:4px; }\n#dps-isolated-root .dps-i-output-desc { font-size:.78rem; color:var(--text3); line-height:1.5; }\n\n\/* ROLLBACK *\/\n#dps-isolated-root .dps-i-rollback { display:flex; flex-direction:column; position:relative; }\n#dps-isolated-root .dps-i-rollback::before {\n  content:''; position:absolute; left:13px; top:24px; bottom:24px;\n  width:1px; background:var(--border2);\n}\n#dps-isolated-root .dps-i-rb-item { display:flex; align-items:flex-start; gap:16px; padding:12px 0; position:relative; }\n#dps-isolated-root .dps-i-rb-dot {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--red-bg); border:1.5px solid #fbb6c0;\n  display:flex; align-items:center; justify-content:center;\n  flex-shrink:0; font-family:var(--mono); font-size:10px; font-weight:700; color:var(--red); z-index:1;\n}\n#dps-isolated-root .dps-i-rb-content { padding-top:3px; }\n#dps-isolated-root .dps-i-rb-title { font-size:.9rem; font-weight:600; color:var(--text); margin-bottom:4px; }\n#dps-isolated-root .dps-i-rb-desc { font-size:.8rem; color:var(--text3); font-family:var(--mono); line-height:1.6; }\n\n\/* FOOTER *\/\n#dps-isolated-root .dps-i-footer { padding:36px 0; text-align:center; }\n#dps-isolated-root .dps-i-footer-text { font-family:var(--mono); font-size:.75rem; color:var(--text3); }\n#dps-isolated-root .dps-i-footer-brand { color:var(--green); font-weight:700; }\n\n\/* RESPONSIVE *\/\n@media (max-width:640px) {\n  #dps-isolated-root .dps-i-gates,\n  #dps-isolated-root .dps-i-output-grid,\n  #dps-isolated-root .dps-i-lint-grid { grid-template-columns:1fr; }\n  #dps-isolated-root .dps-i-step-body { padding-left:18px; }\n  #dps-isolated-root .dps-i-hero { padding:44px 24px 36px; }\n  #dps-isolated-root .dps-i-master-inner { flex-direction:column; align-items:flex-start; }\n}\n<\/style>\n\n<div id=\"dps-isolated-root\">\n\n  <!-- HERO -->\n  <div class=\"dps-i-hero\">\n    <div class=\"dps-i-hero-grid\" aria-hidden=\"true\"><\/div>\n    <div class=\"dps-i-hero-inner dps-i-wrap\">\n      <div class=\"dps-i-badge\">\n        <div class=\"dps-i-badge-dot\" aria-hidden=\"true\"><\/div>\n        SOP v1.1 \u2014 Claude Code Agent\n      <\/div>\n      <div class=\"dps-i-h1\">\n        \u4f18\u5316 <span class=\"dps-i-h1-accent\">PageSpeed<\/span><br>\n        \u901a\u8fc7 AI Agent \u2014<br>\n        \u521d\u7ea7\u6307\u5357\n      <\/div>\n      <div class=\"dps-i-hero-desc\">\n        \u8fd0\u884c Claude Code agent \u4f18\u5316 WordPress \u4e3b\u9898 Lighthouse \u5206\u6570\u7684\u6807\u51c6\u6d41\u7a0b\u3002<br>\u5305\u542b\u5ba1\u6838\u5173\u53e3\uff08gate approve\uff09\u3001\u90e8\u7f72\u524d\u7684 lint \u68c0\u67e5\u4ee5\u53ca\u56de\u6eda\u673a\u5236 \u2014 \u65e0\u9700\u62c5\u5fc3\u7834\u574f\u7ebf\u4e0a\u7f51\u7ad9\u3002.\n      <\/div>\n      <div class=\"dps-i-hero-meta\">\n        <div class=\"dps-i-meta-item\">\n          <span class=\"dps-i-meta-val\">7<\/span>\n          <span class=\"dps-i-meta-label\">\u6267\u884c\u6b65\u9aa4<\/span>\n        <\/div>\n        <div class=\"dps-i-meta-item\">\n          <span class=\"dps-i-meta-val\">3<\/span>\n          <span class=\"dps-i-meta-label\">\u5ba1\u6838\u5173\u53e3<\/span>\n        <\/div>\n        <div class=\"dps-i-meta-item\">\n          <span class=\"dps-i-meta-val\">lint<\/span>\n          <span class=\"dps-i-meta-label\">FTP \u524d\u901a\u8fc7<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MASTER PROMPT BANNER -->\n  <div class=\"dps-i-master-banner\">\n    <div class=\"dps-i-master-inner\">\n      <div>\n        <div class=\"dps-i-master-label\">\ud83d\ude80 Master Prompt \u2014 \u76f4\u63a5\u53d1\u9001\u7ed9 Claude Code<\/div>\n        <div class=\"dps-i-master-sub\">1 \u6761 prompt\uff0cagent \u8dd1\u5b8c\u5b8c\u6574\u6d41\u7a0b\uff1aaudit \u2192 lint \u2192 fix \u2192 gate \u2192 verify<\/div>\n      <\/div>\n      <button class=\"dps-i-master-btn\" id=\"dps-master-copy-btn\" aria-label=\"\u590d\u5236\u4e3b\u63d0\u793a\u8bcd\u53d1\u9001\u7ed9 Claude\">\n        <span aria-hidden=\"true\">\ud83d\udccb<\/span> \u590d\u5236 Master Prompt\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- HIDDEN SOURCE FOR MASTER PROMPT -->\n  <div class=\"dps-i-master-src\" id=\"dps-master-prompt\" aria-hidden=\"true\">=== PAGESPEED OPTIMIZATION AGENT \u2014 MASTER PROMPT ===<br>\u7ebf\u4e0a URL: [URL_LIVE]<br>\u4e3b\u9898\u8def\u5f84: \/wp-content\/themes\/[TEN_THEME]<br>FTP \u4e3b\u673a: [FTP_HOST] | \u7528\u6237: [FTP_USER]<br>(\u4ec5\u5728 Gate 2 \u6279\u51c6\u540e\u4f7f\u7528 FTP \u51ed\u636e)\u7b2c 1 \u6b65 \u2014 \u5ba1\u6838 (AUDIT)<br>\u2013 \u63d0\u793a\u7528\u6237\u5173\u95ed\u7f13\u5b58\u63d2\u4ef6\uff0c\u5e76\u5728\u8fd0\u884c\u524d\u786e\u8ba4 X-Cache: MISS<br>\u2013 \u9488\u5bf9\u7ebf\u4e0a URL \u8fd0\u884c Lighthouse \u79fb\u52a8\u7aef + \u684c\u9762\u7aef<br>\u2013 \u5bfc\u51fa\u62a5\u544a\uff1alighthouse-before-mobile.report.json \u548c lighthouse-before-desktop.report.html<br>\u2013 \u5c06\u6bcf\u4e2a\u9519\u8bef\u6620\u5c04\u5230\u4e3b\u9898\u4e2d\u7684\u5177\u4f53\u6587\u4ef6\uff0c\u6309\u5f71\u54cd\u529b\u5217\u51fa\u524d 10 \u4e2a\u95ee\u9898\u7b2c 2 \u6b65 \u2014 \u89c4\u5212 (PLAN) (\u505c\u6b62 \u2014 \u7b49\u5f85 Gate 1 \u6279\u51c6)<br>\u2013 \u5efa\u8bae\u4ec5\u5728\u4e3b\u9898\u5185\u8fdb\u884c\u4fee\u590d\uff0c\u4e0d\u5f97\u66f4\u6539\u754c\u9762\u6216\u529f\u80fd<br>\u2013 \u4e0d\u5f97\u6dfb\u52a0\/\u5220\u9664\u6765\u81ea\u5916\u90e8\u57df\u7684 JS\/CSS<br>\u2013 \u4fee\u590d\u987a\u5e8f\uff1aLCP \u2192 TBT \u2192 CLS \u2192 INP<br>\u2013 \u5217\u51fa\u5c06\u8981\u4fee\u6539\u7684\u6bcf\u4e2a\u6587\u4ef6\u3001\u4fee\u6539\u5185\u5bb9\u53ca\u539f\u56e0<br>\u2013 \u6ce8\u660e \u201cWaiting Gate 1 approve\u201d \u5e76\u7b49\u5f85\u786e\u8ba4\u7b2c 3 \u6b65 \u2014 \u672c\u5730\u4fee\u590d + LINT (Gate 1 \u6279\u51c6\u540e)<br>\u2013 \u6839\u636e\u6279\u51c6\u7684\u8ba1\u5212\u5728\u672c\u5730\u4fee\u6539\u6587\u4ef6<br>\u2013 \u4fee\u6539\u5b8c\u6210\u540e\uff0c\u8fd0\u884c lint\/\u8bed\u6cd5\u68c0\u67e5\uff1aPHP:  php -l [file.php] \u9488\u5bf9\u6240\u6709\u4fee\u6539\u8fc7\u7684 PHP \u6587\u4ef6CSS:  npx stylelint [file.css]JS:   npx eslint [file.js]<br>\u2013 \u5982\u679c lint \u62a5\u9519 \u2192 \u5168\u90e8\u4fee\u590d \u2192 \u91cd\u65b0\u8fd0\u884c\u76f4\u81f3\u5b8c\u5168\u901a\u8fc7<br>\u2013 \u62a5\u544a lint \u7ed3\u679c\uff08\u6bcf\u4e2a\u6587\u4ef6\u7684\u901a\u8fc7\/\u5931\u8d25\u60c5\u51b5\uff09\u548c\u8865\u4e01\u5217\u8868<br>\u2013 \u6ce8\u660e \u201cWaiting Gate 2 approve\u201d \u5e76\u7b49\u5f85\u786e\u8ba4\u7b2c 4 \u6b65 \u2014 FTP \u90e8\u7f72 (Gate 2 \u6279\u51c6\u540e)<br>\u2013 \u5c06\u8fdc\u7a0b\u6587\u4ef6\u5907\u4efd\u81f3\uff1a\/wp-content\/themes\/_backup\/[YYYY-MM-DD]\/<br>\u2013 \u5c06\u901a\u8fc7 lint \u7684\u6587\u4ef6\u4e0a\u4f20\u5230 FTP<br>\u2013 \u4e0a\u4f20\u540e\u9a8c\u8bc1\u7ebf\u4e0a HTML\u7b2c 5 \u6b65 \u2014 \u9a8c\u8bc1 (VERIFY) (\u505c\u6b62 \u2014 \u7b49\u5f85 Gate 3 \u6279\u51c6)<br>\u2013 \u6e05\u7406\u7f13\u5b58\uff0c\u518d\u6b21\u8fd0\u884c Lighthouse \u79fb\u52a8\u7aef + \u684c\u9762\u7aef<br>\u2013 \u5c06\u7ed3\u679c\u8bb0\u5f55\u5230 SEO_AUDIT_[YYYY-MM-DD].md<br>(\u524d\u540e\u5206\u6570\u3001\u5df2\u4fee\u590d\/\u672a\u4fee\u590d\u7684\u9519\u8bef\u3001\u4fee\u6539\u7684\u6587\u4ef6\u3001\u56de\u6eda\u8def\u5f84)<br>\u2013 \u5982\u679c\u4efb\u4f55\u5206\u6570\u4e0b\u964d\uff1a\u7acb\u5373\u62a5\u544a\uff0c\u4e0d\u5f97\u81ea\u52a8\u56de\u6eda<br>\u2013 \u6ce8\u660e \u201cWaiting Gate 3 approve\u201d\u5f3a\u5236\u9650\u5236\u6761\u4ef6\uff1a<br>\u2013 \u4e0d\u5f97\u4fee\u6539\u4efb\u4f55\u754c\u9762\u6216\u529f\u80fd<br>\u2013 \u4e0d\u5f97\u6dfb\u52a0\/\u5220\u9664\u6765\u81ea\u5916\u90e8\u57df\u7684\u8d44\u4ea7 (asset)<br>\u2013 Lint \u672a\u5b8c\u5168\u901a\u8fc7\u524d\u4e0d\u5f97\u8fdb\u884c FTP \u4f20\u8f93<br>\u2013 \u4e0d\u5f97\u8df3\u8fc7\u5ba1\u6838\u5173\u53e3<\/div>\n\n  <!-- WARNING -->\n  <div class=\"dps-i-wrap\">\n    <div class=\"dps-i-warn\">\n      <div class=\"dps-i-warn-icon\" aria-hidden=\"true\">\u26a0<\/div>\n      <div class=\"dps-i-warn-text\">\n        <strong>LINT \u5173\u53e3\uff1a<\/strong> \u5728\u672c\u5730\u4fee\u6539\u540e\uff0cagent \u5fc5\u987b\u5bf9\u6240\u6709\u4fee\u6539\u8fc7\u7684\u6587\u4ef6\u8fd0\u884c lint\/\u8bed\u6cd5\u68c0\u67e5\u3002<br>\u53ea\u6709\u5f53\u6240\u6709 lint \u68c0\u67e5\u5b8c\u5168\u901a\u8fc7\u65f6\u624d\u5141\u8bb8 FTP \u4e0a\u4f20\u5230\u7ebf\u4e0a\u3002\u65e0\u4e00\u4f8b\u5916\u3002.\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- STEPS -->\n  <div class=\"dps-i-wrap\">\n    <div class=\"dps-i-section\">\n      <div class=\"dps-i-section-label\">\u5de5\u4f5c\u6d41<\/div>\n      <div class=\"dps-i-h2\"><span class=\"dps-i-h2-line\" aria-hidden=\"true\"><\/span>\u5206\u6b65\u6d41\u7a0b<\/div>\n      <div class=\"dps-i-steps\" id=\"dps-steps-container\">\n\n        <div class=\"dps-i-step dps-open\" data-step=\"0\">\n          <div class=\"dps-i-step-header\" role=\"button\" aria-expanded=\"true\" tabindex=\"0\">\n            <span class=\"dps-i-step-num\">\u7b2c 01 \u6b65<\/span>\n            <span class=\"dps-i-step-title\">\u5173\u95ed\u7f13\u5b58 \u2014 \u5ba1\u6838\u524d\u786e\u8ba4 MISS<\/span>\n            <span class=\"dps-i-step-arrow\" aria-hidden=\"true\">\u25bc<\/span>\n          <\/div>\n          <div class=\"dps-i-step-body\">\n            <div class=\"dps-i-step-body-inner\">\n              <div class=\"dps-i-checklist\">\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u7981\u7528\u63d2\u4ef6\u7f13\u5b58\uff1a <strong>LiteSpeed \/ WP Rocket \/ SG Optimizer<\/strong>.<\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u5982\u679c\u65e0\u6cd5\u7981\u7528\uff1a\u5f00\u542f <strong>\u5f00\u53d1\u6a21\u5f0f (Development Mode)<\/strong> + \u6e05\u9664\u6240\u6709\u7f13\u5b58 + \u6e05\u9664 CDN\u3002.<\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u901a\u8fc7\u54cd\u5e94\u5934\u786e\u8ba4\uff1a\u5fc5\u987b\u770b\u5230 <code>X-Cache: MISS<\/code> \u6216 <code>cf-cache-status: MISS<\/code> \u540e\u518d\u8fd0\u884c Lighthouse\u3002.<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"dps-i-info\">\ud83d\udca1 DevTools \u2192 Network \u6807\u7b7e\u9875 \u2192 \u91cd\u65b0\u52a0\u8f7d \u2192 \u67e5\u770b\u6587\u6863\u8bf7\u6c42\u7684 header\u3002\u5982\u679c\u770b\u5230 HIT\uff0c\u5219\u91cd\u65b0\u6e05\u9664\u3002.<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"dps-i-step\" data-step=\"1\">\n          <div class=\"dps-i-step-header\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">\n            <span class=\"dps-i-step-num\">\u7b2c 02 \u6b65<\/span>\n            <span class=\"dps-i-step-title\">\u4e3a\u4e3b\u9898\u521b\u5efa\u7a84\u8303\u56f4\u7684 FTP \u8d26\u53f7<\/span>\n            <span class=\"dps-i-step-arrow\" aria-hidden=\"true\">\u25bc<\/span>\n          <\/div>\n          <div class=\"dps-i-step-body\">\n            <div class=\"dps-i-step-body-inner\">\n              <div class=\"dps-i-checklist\">\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u521b\u5efa FTP \u7528\u6237 <strong>\u4ec5\u6307\u5411\u4e3b\u9898\u76ee\u5f55<\/strong>: <code>\/wp-content\/themes\/ten-theme<\/code><\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u6743\u9650\uff1a\u4e3b\u9898\u5185\u7684\u8bfb\/\u5199\u3002\u4e0d\u5141\u8bb8\u8fdb\u5165 <code>\/plugins<\/code>, <code>\/uploads<\/code>, <code>wp-config.php<\/code>.<\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u5c06\u51ed\u636e\u4fdd\u5b58\u5230 <strong>\u5bc6\u94a5\u7ba1\u7406\u5668 (secret manager)<\/strong>. \u3002\u4ec5\u5728 Gate 2 \u6279\u51c6\u540e\u624d\u7c98\u8d34\u5230 prompt \u4e2d\u3002.<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"dps-i-step\" data-step=\"2\">\n          <div class=\"dps-i-step-header\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">\n            <span class=\"dps-i-step-num\">\u7b2c 03 \u6b65<\/span>\n            <span class=\"dps-i-step-title\">\u672c\u5730\u4fee\u6539 \u2192 lint\/\u8bed\u6cd5\u68c0\u67e5 \u2192 \u901a\u8fc7\u540e\u624d FTP<\/span>\n            <span class=\"dps-i-step-arrow\" aria-hidden=\"true\">\u25bc<\/span>\n          <\/div>\n          <div class=\"dps-i-step-body\">\n            <div class=\"dps-i-step-body-inner\">\n              <div class=\"dps-i-checklist\">\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u5c06\u4e3b\u9898\u514b\u9686\/\u4e0b\u8f7d\u5230\u672c\u5730\u3002Agent \u6839\u636e\u6279\u51c6\u7684\u8ba1\u5212\u4fee\u6539\u672c\u5730\u6587\u4ef6\u3002.<\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span><strong>\u4e3a\u4ec0\u4e48\u8981\u5148\u5728\u672c\u5730\u4fee\u6539\uff1f<\/strong> \u4e3a\u4e86\u5728\u90e8\u7f72\u524d\u6355\u83b7\u8bed\u6cd5\u9519\u8bef \u2014 \u907f\u514d\u56e0 PHP \u81f4\u547d\u9519\u8bef\u3001CSS \u89e3\u6790\u5931\u8d25\u3001JS \u635f\u574f\u5bfc\u81f4 FTP \u540e\u7ebf\u4e0a\u9875\u9762\u7acb\u5373\u767d\u5c4f\u3002.<\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u4fee\u6539\u5b8c\u6210\u540e\uff1a <strong>\u5bf9\u6240\u6709\u4fee\u6539\u8fc7\u7684\u6587\u4ef6\u8fd0\u884c lint<\/strong>. \u3002\u53ea\u6709\u5728\u5168\u90e8\u901a\u8fc7\u540e\u624d\u8bf7\u6c42 Gate 2 + FTP\u3002.<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"dps-i-lint-grid\">\n                <div class=\"dps-i-lint-card\">\n                  <div class=\"dps-i-lint-lang\">PHP<\/div>\n                  <code class=\"dps-i-lint-cmd\">php -l \u6587\u4ef6\u540d.php<\/code>\n                <\/div>\n                <div class=\"dps-i-lint-card\">\n                  <div class=\"dps-i-lint-lang\">CSS<\/div>\n                  <code class=\"dps-i-lint-cmd\">npx stylelint style.css<\/code>\n                <\/div>\n                <div class=\"dps-i-lint-card\">\n                  <div class=\"dps-i-lint-lang\">JS<\/div>\n                  <code class=\"dps-i-lint-cmd\">npx eslint script.js<\/code>\n                <\/div>\n              <\/div>\n              <div class=\"dps-i-info\">\ud83d\udeab Lint \u62a5\u9519 \u2192 \u4fee\u590d \u2192 \u91cd\u65b0\u8fd0\u884c \u2192 \u901a\u8fc7 \u2192 \u624d\u80fd\u7533\u8bf7 Gate 2 \u6279\u51c6\u548c FTP\u3002.<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"dps-i-step\" data-step=\"3\">\n          <div class=\"dps-i-step-header\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">\n            <span class=\"dps-i-step-num\">\u7b2c 04 \u6b65<\/span>\n            <span class=\"dps-i-step-title\">\u8fd0\u884c Lighthouse \u5ba1\u6838 \u2014 \u5c06\u9519\u8bef\u6620\u5c04\u5230\u6587\u4ef6<\/span>\n            <span class=\"dps-i-step-arrow\" aria-hidden=\"true\">\u25bc<\/span>\n          <\/div>\n          <div class=\"dps-i-step-body\">\n            <div class=\"dps-i-step-body-inner\">\n              <div class=\"dps-i-checklist\">\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u8fd0\u884c <strong>\u79fb\u52a8\u7aef + \u684c\u9762\u7aef<\/strong>, \uff0c\u5bfc\u51fa JSON \u548c HTML \u62a5\u544a\u3002.<\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u5982\u679c\u6d4b\u8bd5\u73af\u5883\u6709 HTTP \u57fa\u672c\u8ba4\u8bc1\uff1a\u5728 Lighthouse CLI \u4e2d\u4f20\u9012 <code>--extra-headers<\/code> \u3002.<\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u5c06\u6bcf\u4e2a\u9519\u8bef\u6620\u5c04\u5230 <strong>\u4e3b\u9898\u4e2d\u5bfc\u81f4\u95ee\u9898\u7684\u6b63\u786e\u6587\u4ef6\u548c\u884c\u53f7<\/strong> \u3002.<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"dps-i-info\">\ud83d\udcc1 \u4fdd\u5b58\uff1a <code>lighthouse-before-mobile.report.json<\/code> \u548c <code>lighthouse-before-desktop.report.html<\/code><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"dps-i-step\" data-step=\"4\">\n          <div class=\"dps-i-step-header\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">\n            <span class=\"dps-i-step-num\">\u7b2c 05 \u6b65<\/span>\n            <span class=\"dps-i-step-title\">Agent \u7f16\u5199\u8ba1\u5212 \u2014 \u4fee\u6539\u524d\u9700 Gate 1 \u6279\u51c6<\/span>\n            <span class=\"dps-i-step-arrow\" aria-hidden=\"true\">\u25bc<\/span>\n          <\/div>\n          <div class=\"dps-i-step-body\">\n            <div class=\"dps-i-step-body-inner\">\n              <div class=\"dps-i-checklist\">\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>Agent \u5efa\u8bae\u4fee\u590d <strong>\u4ec5\u9650\u4e3b\u9898\u5185<\/strong>, \uff0c\u4e0d\u6539\u53d8\u754c\u9762\u6216\u529f\u80fd\u3002.<\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span><strong>\u4e0d\u5f97<\/strong> \u4ece\u5916\u90e8\u57df\u6dfb\u52a0\/\u5220\u9664 JS\/CSS\u3002\u4ec5\u4f18\u5316\u4e3b\u9898\u4e2d\u5df2\u6709\u7684\u8d44\u4ea7\u3002.<\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>Agent \u7f16\u5199\u8be6\u7ec6\u8ba1\u5212 \u2192 \u505c\u6b62 \u2192 <strong>\u8d1f\u8d23\u4eba\/PM \u6279\u51c6 Gate 1<\/strong> \u2192 \u624d\u5f00\u59cb\u4fee\u6539\u3002.<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"dps-i-step\" data-step=\"5\">\n          <div class=\"dps-i-step-header\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">\n            <span class=\"dps-i-step-num\">\u7b2c 06 \u6b65<\/span>\n            <span class=\"dps-i-step-title\">Lint \u901a\u8fc7 + Gate 2 \u6279\u51c6 \u2192 FTP \u90e8\u7f72<\/span>\n            <span class=\"dps-i-step-arrow\" aria-hidden=\"true\">\u25bc<\/span>\n          <\/div>\n          <div class=\"dps-i-step-body\">\n            <div class=\"dps-i-step-body-inner\">\n              <div class=\"dps-i-checklist\">\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>Agent \u62a5\u544a <strong>lint \u901a\u8fc7\u7ed3\u679c + \u8865\u4e01\u5217\u8868<\/strong> \u2192 \u8d1f\u8d23\u4eba\u5ba1\u6838 \u2192 \u6279\u51c6 Gate 2\u3002.<\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u5c06\u8fdc\u7a0b\u6587\u4ef6\u5907\u4efd\u5230 <code>\/wp-content\/themes\/_backup\/YYYY-MM-DD\/<\/code> \u7136\u540e\u518d\u8986\u76d6\u3002.<\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u4e0a\u4f20 FTP \u2192 \u9a8c\u8bc1\u7ebf\u4e0a HTML \u4ee5\u786e\u8ba4\u90e8\u7f72\u6b63\u786e\u3002.<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"dps-i-step\" data-step=\"6\">\n          <div class=\"dps-i-step-header\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">\n            <span class=\"dps-i-step-num\">\u7b2c 07 \u6b65<\/span>\n            <span class=\"dps-i-step-title\">\u518d\u6b21\u8fd0\u884c Lighthouse \u2014 Gate 3 \u9a8c\u8bc1\u7ed3\u679c<\/span>\n            <span class=\"dps-i-step-arrow\" aria-hidden=\"true\">\u25bc<\/span>\n          <\/div>\n          <div class=\"dps-i-step-body\">\n            <div class=\"dps-i-step-body-inner\">\n              <div class=\"dps-i-checklist\">\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u6e05\u9664\u7f13\u5b58\uff0c\u518d\u6b21\u8fd0\u884c Lighthouse \u79fb\u52a8\u7aef + \u684c\u9762\u7aef\u3002.<\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u5c06\u524d\u540e\u5bf9\u6bd4\u7ed3\u679c\u8bb0\u5f55\u5230 <code>SEO_AUDIT_YYYY-MM-DD.md<\/code>.<\/span>\n                <\/div>\n                <div class=\"dps-i-check-item\">\n                  <div class=\"dps-i-check-mark\"><div class=\"dps-i-check-mark-inner\"><\/div><\/div>\n                  <span>\u5ba2\u6237\u6216 QA \u6279\u51c6 Gate 3\u3002\u5982\u679c\u6709\u6027\u80fd\u9000\u5316 \u2192 \u7acb\u5373\u62a5\u544a\uff0c\u4e0d\u8981\u81ea\u884c\u56de\u6eda\u3002.<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- GATES -->\n  <div class=\"dps-i-wrap\">\n    <div class=\"dps-i-section\">\n      <div class=\"dps-i-section-label\">\u8d28\u91cf\u63a7\u5236<\/div>\n      <div class=\"dps-i-h2\"><span class=\"dps-i-h2-line\" aria-hidden=\"true\"><\/span>3 \u4e2a\u5ba1\u6838\u5173\u53e3<\/div>\n      <div class=\"dps-i-gates\">\n        <div class=\"dps-i-gate dps-i-gate-1\">\n          <div class=\"dps-i-gate-label\">Gate 1<\/div>\n          <div class=\"dps-i-gate-name\">\u6279\u51c6\u8ba1\u5212<\/div>\n          <div class=\"dps-i-gate-who\">\u5ba1\u6838\u4eba\uff1a\u8d1f\u8d23\u4eba \/ PM<br>\u5728 agent \u5f00\u59cb\u4fee\u6539\u672c\u5730\u4ee3\u7801\u4e4b\u524d<\/div>\n        <\/div>\n        <div class=\"dps-i-gate dps-i-gate-2\">\n          <div class=\"dps-i-gate-label\">\u5173\u5361 2<\/div>\n          <div class=\"dps-i-gate-name\">\u6279\u51c6\u8865\u4e01\u5217\u8868<\/div>\n          <div class=\"dps-i-gate-who\">\u5ba1\u6838\u4eba\uff1a\u8d1f\u8d23\u4eba \/ PM<br>\u5728 lint \u901a\u8fc7\u4e4b\u540e \u2014 \u5728\u901a\u8fc7 FTP \u4e0a\u7ebf\u4e4b\u524d<\/div>\n        <\/div>\n        <div class=\"dps-i-gate dps-i-gate-3\">\n          <div class=\"dps-i-gate-label\">\u5173\u5361 3<\/div>\n          <div class=\"dps-i-gate-name\">\u6279\u51c6\u7ed3\u679c<\/div>\n          <div class=\"dps-i-gate-who\">\u5ba1\u67e5\u5458\uff1a\u5ba2\u6237 \/ QA<br>\u90e8\u7f72\u4e4b\u540e \u2014 \u5728\u91cd\u65b0\u6d4b\u91cf Lighthouse \u4e4b\u540e<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PRIORITY -->\n  <div class=\"dps-i-wrap\">\n    <div class=\"dps-i-section\">\n      <div class=\"dps-i-section-label\">\u4f18\u5148\u7ea7\u987a\u5e8f<\/div>\n      <div class=\"dps-i-h2\"><span class=\"dps-i-h2-line\" aria-hidden=\"true\"><\/span>\u5148\u4fee\u590d\u4ec0\u4e48\uff1f<\/div>\n      <div class=\"dps-i-priority-list\">\n        <div class=\"dps-i-prio-item\">\n          <div class=\"dps-i-prio-rank dps-i-prio-rank-1\">1<\/div>\n          <div class=\"dps-i-prio-content\">\n            <div class=\"dps-i-prio-name\">LCP \u2014 \u6700\u5927\u5185\u5bb9\u7ed8\u5236<\/div>\n            <div class=\"dps-i-prio-desc\">Hero \u56fe\u7247\u672a\u9884\u52a0\u8f7d\uff0c\u5b57\u4f53\u963b\u585e\u6e32\u67d3<\/div>\n          <\/div>\n          <div class=\"dps-i-prio-impact dps-i-impact-critical\">\u7d27\u6025<\/div>\n        <\/div>\n        <div class=\"dps-i-prio-item\">\n          <div class=\"dps-i-prio-rank dps-i-prio-rank-2\">2<\/div>\n          <div class=\"dps-i-prio-content\">\n            <div class=\"dps-i-prio-name\">TBT \u2014 \u603b\u963b\u585e\u65f6\u95f4<\/div>\n            <div class=\"dps-i-prio-desc\">\u963b\u585e\u6e32\u67d3\u7684 JS\/CSS \u2014 \u8fd9\u624d\u662f\u6838\u5fc3\u95ee\u9898\uff0c\u800c\u4e0d\u662f\u56fe\u7247<\/div>\n          <\/div>\n          <div class=\"dps-i-prio-impact dps-i-impact-high\">\u9ad8<\/div>\n        <\/div>\n        <div class=\"dps-i-prio-item\">\n          <div class=\"dps-i-prio-rank dps-i-prio-rank-3\">3<\/div>\n          <div class=\"dps-i-prio-content\">\n            <div class=\"dps-i-prio-name\">CLS \u2014 \u7d2f\u79ef\u5e03\u5c40\u504f\u79fb<\/div>\n            <div class=\"dps-i-prio-desc\">\u5143\u7d20\u7f3a\u5c11\u5bbd\u5ea6\/\u9ad8\u5ea6\uff0c\u5b57\u4f53\u4ea4\u6362\u5bfc\u81f4\u5e03\u5c40\u6296\u52a8<\/div>\n          <\/div>\n          <div class=\"dps-i-prio-impact dps-i-impact-med\">\u4e2d<\/div>\n        <\/div>\n        <div class=\"dps-i-prio-item\">\n          <div class=\"dps-i-prio-rank dps-i-prio-rank-4\">4<\/div>\n          <div class=\"dps-i-prio-content\">\n            <div class=\"dps-i-prio-name\">INP \u2014 \u4ea4\u4e92\u5230\u4e0b\u6b21\u7ed8\u5236<\/div>\n            <div class=\"dps-i-prio-desc\">\u957f JS \u4efb\u52a1\u5728\u7528\u6237\u70b9\u51fb\/\u8f93\u5165\u65f6\u51cf\u6162\u54cd\u5e94\u901f\u5ea6<\/div>\n          <\/div>\n          <div class=\"dps-i-prio-impact dps-i-impact-low\">\u4f4e<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"dps-i-warn\" style=\"margin-top:18px;\">\n        <div class=\"dps-i-warn-icon\" aria-hidden=\"true\">\ud83d\udca1<\/div>\n        <div class=\"dps-i-warn-text\" style=\"color:var(--blue);\">\n          <strong style=\"color:#1e40af;\">\u6ce8\u610f\u4e8b\u9879\uff1a<\/strong> \u4e0d\u8981\u8ba9 Agent \u5fd9\u4e8e\u4f18\u5316\u56fe\u7247\uff0c\u800c\u963b\u585e\u6e32\u67d3\u7684 JS \u624d\u662f\u5bfc\u81f4 TBT \u9ad8\u7684\u4e3b\u56e0\u3002<br>\u52a1\u5fc5\u9605\u8bfb Lighthouse \u62a5\u544a\u5e76\u6309\u4f18\u5148\u7ea7\u987a\u5e8f\u8fdb\u884c\u4fee\u590d\u3002.\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PROMPTS -->\n  <div class=\"dps-i-wrap\">\n    <div class=\"dps-i-section\">\n      <div class=\"dps-i-section-label\">\u590d\u5236\u7c98\u8d34\u63d0\u793a\u8bcd<\/div>\n      <div class=\"dps-i-h2\"><span class=\"dps-i-h2-line\" aria-hidden=\"true\"><\/span>\u5206\u6b65\u793a\u4f8b\u63d0\u793a\u8bcd<\/div>\n      <div class=\"dps-i-prompts\">\n\n        <div class=\"dps-i-prompt-card\">\n          <div class=\"dps-i-prompt-header\">\n            <span class=\"dps-i-prompt-tag\">\u63d0\u793a\u8bcd 1 \u2014 \u5ba1\u8ba1 (Audit)<\/span>\n            <button class=\"dps-i-copy-btn\" data-target=\"prompt-audit\" aria-label=\"\u590d\u5236\u5ba1\u8ba1\u63d0\u793a\u8bcd\">\u590d\u5236<\/button>\n          <\/div>\n          <div class=\"dps-i-prompt-body\" id=\"prompt-audit\"><span class=\"dps-i-prompt-kw\">\u8fd0\u884c<\/span> \u9488\u5bf9\u4ee5\u4e0b URL \u7684 Lighthouse \u79fb\u52a8\u7aef\u548c\u684c\u9762\u7aef\uff1a <span class=\"dps-i-prompt-str\">[URL_LIVE]<\/span>\n\u5bfc\u51fa JSON \u548c HTML \u62a5\u544a\u3002<br>\u6587\u4ef6\u540d\uff1a <span class=\"dps-i-prompt-str\">lighthouse-before-mobile.report.json<\/span>, <span class=\"dps-i-prompt-str\">lighthouse-before-desktop.report.html<\/span>\n\u5c06\u6bcf\u4e2a\u9519\u8bef\u6620\u5c04\u5230\u4e3b\u9898\u4e2d\u7684\u6587\u4ef6 <span class=\"dps-i-prompt-str\">\/wp-content\/themes\/[TEN_THEME]<\/span>.\u3002<br>\u6309\u5f71\u54cd\u7a0b\u5ea6\u5217\u51fa\u524d 10 \u4e2a\u95ee\u9898\u3002.<\/div>\n        <\/div>\n\n        <div class=\"dps-i-prompt-card\">\n          <div class=\"dps-i-prompt-header\">\n            <span class=\"dps-i-prompt-tag\">\u63d0\u793a\u8bcd 2 \u2014 \u8ba1\u5212 (Plan - \u5173\u5361 1)<\/span>\n            <button class=\"dps-i-copy-btn\" data-target=\"prompt-plan\" aria-label=\"\u590d\u5236\u8ba1\u5212\u63d0\u793a\u8bcd\">\u590d\u5236<\/button>\n          <\/div>\n          <div class=\"dps-i-prompt-body\" id=\"prompt-plan\">\u6839\u636e\u521a\u624d\u5ba1\u8ba1\u7684\u62a5\u544a\uff0c\u7f16\u5199\u4fee\u590d\u8ba1\u5212\uff1a<br>\u2013 \u4ec5\u5728\u4e3b\u9898\u5185\u4fee\u590d\uff0c, <span class=\"dps-i-prompt-warn\">\u4e0d<\/span> \u66f4\u6539\u754c\u9762\u6216\u529f\u80fd<br>\u2013 <span class=\"dps-i-prompt-warn\">\u4e0d<\/span> \u589e\u52a0\u6216\u5220\u9664\u6765\u81ea\u5916\u90e8\u57df\u540d\u7684 JS\/CSS<br>\u2013 \u4fee\u590d\u987a\u5e8f\uff1aLCP \u2192 TBT \u2192 CLS \u2192 INP<br>\u2013 \u5217\u51fa\u5c06\u4fee\u6539\u7684\u6bcf\u4e2a\u6587\u4ef6\u3001\u4fee\u6539\u5185\u5bb9\u53ca\u539f\u56e0<br>\u2013 <span class=\"dps-i-prompt-warn\">\u505c\u6b62<\/span> \u2014 \u6807\u6ce8\u201c\u7b49\u5f85\u5173\u5361 1 \u6279\u51c6\u201d\u5e76\u5728\u4fee\u6539\u4efb\u4f55\u6587\u4ef6\u524d\u7b49\u5f85\u786e\u8ba4\u3002.<\/div>\n        <\/div>\n\n        <div class=\"dps-i-prompt-card\">\n          <div class=\"dps-i-prompt-header\">\n            <span class=\"dps-i-prompt-tag\">\u63d0\u793a\u8bcd 3 \u2014 \u672c\u5730\u4fee\u590d + Lint<\/span>\n            <button class=\"dps-i-copy-btn\" data-target=\"prompt-lint\" aria-label=\"\u590d\u5236 Lint \u63d0\u793a\u8bcd\">\u590d\u5236<\/button>\n          <\/div>\n          <div class=\"dps-i-prompt-body\" id=\"prompt-lint\">\u5173\u5361 1 \u5df2\u6279\u51c6\u3002\u5728\u672c\u5730\u6309\u8ba1\u5212\u4fee\u6539\u6587\u4ef6\u3002<br>\u4fee\u6539\u5b8c\u6210\u540e\uff0c, <span class=\"dps-i-prompt-kw\">\u8fd0\u884c lint<\/span> \u9488\u5bf9\u6240\u6709\u5df2\u4fee\u6539\u7684\u6587\u4ef6\uff1a<br>\u2013 PHP\uff1a  <span class=\"dps-i-prompt-str\">php -l [\u6587\u4ef6\u540d.php]<\/span>\n\u2013 CSS\uff1a  <span class=\"dps-i-prompt-str\">npx stylelint [\u6587\u4ef6\u540d.css]<\/span>\n\u2013 JS\uff1a   <span class=\"dps-i-prompt-str\">npx eslint [\u6587\u4ef6\u540d.js]<\/span>\n\n\u5982\u679c lint \u62a5\u9519 \u2192 \u5168\u90e8\u4fee\u590d \u2192 \u91cd\u65b0\u8fd0\u884c\u76f4\u81f3\u5b8c\u5168\u901a\u8fc7\u3002<br>\u62a5\u544a lint \u7ed3\u679c\uff08\u6bcf\u4e2a\u6587\u4ef6\u7684\u901a\u8fc7\/\u5931\u8d25\u60c5\u51b5\uff09\u53ca\u5f85\u90e8\u7f72\u7684\u8865\u4e01\u6587\u4ef6\u5217\u8868\u3002.\n<span class=\"dps-i-prompt-warn\">\u505c\u6b62<\/span> \u2014 \u6807\u6ce8\u201c\u7b49\u5f85\u5173\u5361 2 \u6279\u51c6\u201d\u5e76\u5728 FTP \u4e4b\u524d\u7b49\u5f85\u786e\u8ba4\u3002.<\/div>\n        <\/div>\n\n        <div class=\"dps-i-prompt-card\">\n          <div class=\"dps-i-prompt-header\">\n            <span class=\"dps-i-prompt-tag\">\u63d0\u793a\u8bcd 4 \u2014 FTP \u90e8\u7f72 (\u5173\u5361 2)<\/span>\n            <button class=\"dps-i-copy-btn\" data-target=\"prompt-deploy\" aria-label=\"\u590d\u5236\u90e8\u7f72\u63d0\u793a\u8bcd\">\u590d\u5236<\/button>\n          <\/div>\n          <div class=\"dps-i-prompt-body\" id=\"prompt-deploy\">\u5173\u5361 2 \u5df2\u6279\u51c6\u3002\u6267\u884c\uff1a\u5907\u4efd\u8fdc\u7a0b\u6587\u4ef6\u81f3\uff1a <span class=\"dps-i-prompt-str\">\/wp-content\/themes\/_backup\/[YYYY-MM-DD]\/<\/span>\n2. \u5c06\u901a\u8fc7 lint \u7684\u6587\u4ef6\u4e0a\u4f20\u81f3 FTP\uff1a <span class=\"dps-i-prompt-str\">[FTP_HOST]<\/span> \u7528\u6237\u540d\uff1a <span class=\"dps-i-prompt-str\">[FTP_USER]<\/span>\n3. \u4e0a\u4f20\u540e\u9a8c\u8bc1\u7ebf\u4e0a HTML\u62a5\u544a\u5df2\u4e0a\u4f20\u6587\u4ef6\u5217\u8868\u53ca\u56de\u6eda\u8def\u5f84\u3002.<\/div>\n        <\/div>\n\n        <div class=\"dps-i-prompt-card\">\n          <div class=\"dps-i-prompt-header\">\n            <span class=\"dps-i-prompt-tag\">\u63d0\u793a\u8bcd 5 \u2014 \u9a8c\u8bc1 (Verify - \u5173\u5361 3)<\/span>\n            <button class=\"dps-i-copy-btn\" data-target=\"prompt-verify\" aria-label=\"\u590d\u5236\u9a8c\u8bc1\u63d0\u793a\u8bcd\">\u590d\u5236<\/button>\n          <\/div>\n          <div class=\"dps-i-prompt-body\" id=\"prompt-verify\">\u6e05\u9664\u7f13\u5b58\u3002\u91cd\u65b0\u4e3a URL \u8fd0\u884c Lighthouse\uff08\u79fb\u52a8\u7aef + \u684c\u9762\u7aef\uff09\uff1a <span class=\"dps-i-prompt-str\">[URL_LIVE]<\/span>\n\u8bb0\u5f55\u7ed3\u679c\u81f3\uff1a <span class=\"dps-i-prompt-str\">SEO_AUDIT_[YYYY-MM-DD].md<\/span>\nMD \u6587\u4ef6\u5305\u542b\uff1a\u524d\u540e\u5f97\u5206\u5bf9\u6bd4 \u00b7 \u5df2\u4fee\u590d\/\u672a\u4fee\u590d\u9519\u8bef \u00b7 \u5df2\u4fee\u6539\u6587\u4ef6 \u00b7 \u56de\u6eda\u8def\u5f84\u3002<br>\u5982\u679c\u4efb\u4f55\u5206\u6570\u4e0b\u964d\uff1a\u7acb\u5373\u62a5\u544a\uff0c, <span class=\"dps-i-prompt-warn\">\u4e0d<\/span> \u81ea\u52a8\u56de\u6eda\u3002.\n<span class=\"dps-i-prompt-warn\">\u505c\u6b62<\/span> \u2014 \u6807\u6ce8\u201c\u7b49\u5f85\u5173\u5361 3 \u6279\u51c6\u201d\u3002.<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- OUTPUT -->\n  <div class=\"dps-i-wrap\">\n    <div class=\"dps-i-section\">\n      <div class=\"dps-i-section-label\">\u5f3a\u5236\u6027\u4ea4\u4ed8\u7269<\/div>\n      <div class=\"dps-i-h2\"><span class=\"dps-i-h2-line\" aria-hidden=\"true\"><\/span>\u8f93\u51fa\u5fc5\u987b\u5305\u542b<\/div>\n      <div class=\"dps-i-output-grid\">\n        <div class=\"dps-i-output-card\">\n          <div class=\"dps-i-output-icon\" aria-hidden=\"true\">\ud83d\udcca<\/div>\n          <div>\n            <div class=\"dps-i-output-name\">lighthouse-before-.report.json\/html<\/div>\n            <div class=\"dps-i-output-desc\">\u4fee\u590d\u524d\u7684 Lighthouse \u62a5\u544a\uff0c\u5305\u62ec\u79fb\u52a8\u7aef\u548c\u684c\u9762\u7aef<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"dps-i-output-card\">\n          <div class=\"dps-i-output-icon\" aria-hidden=\"true\">\ud83d\udcc8<\/div>\n          <div>\n            <div class=\"dps-i-output-name\">lighthouse-after-.report.json\/html<\/div>\n            <div class=\"dps-i-output-desc\">\u90e8\u7f72\u540e\u7684 Lighthouse \u62a5\u544a\uff0c\u5e76\u4e0e\u4fee\u590d\u524d\u5bf9\u6bd4<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"dps-i-output-card\">\n          <div class=\"dps-i-output-icon\" aria-hidden=\"true\">\u2705<\/div>\n          <div>\n            <div class=\"dps-i-output-name\">Lint \u901a\u8fc7\u62a5\u544a<\/div>\n            <div class=\"dps-i-output-desc\">php -l \/ stylelint \/ eslint \u7684\u7ed3\u679c \u2014 \u5728 FTP \u4e4b\u524d\u5fc5\u987b\u5b8c\u5168\u901a\u8fc7<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"dps-i-output-card\">\n          <div class=\"dps-i-output-icon\" aria-hidden=\"true\">\ud83d\udcdd<\/div>\n          <div>\n            <div class=\"dps-i-output-name\">SEO_AUDIT_YYYY-MM-DD.md<\/div>\n            <div class=\"dps-i-output-desc\">\u524d\u540e\u5f97\u5206\u5bf9\u6bd4 \u00b7 \u5df2\u4fee\u590d\/\u672a\u4fee\u590d\u9519\u8bef \u00b7 \u5df2\u4fee\u6539\u6587\u4ef6 \u00b7 \u56de\u6eda\u8def\u5f84<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"dps-i-output-card\">\n          <div class=\"dps-i-output-icon\" aria-hidden=\"true\">\ud83d\udcbe<\/div>\n          <div>\n            <div class=\"dps-i-output-name\">_backup\/YYYY-MM-DD\/<\/div>\n            <div class=\"dps-i-output-desc\">\u8986\u76d6\u524d\u5728\u4e3b\u9898\u76ee\u5f55\u5185\u5907\u4efd\u8fdc\u7a0b\u6587\u4ef6<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ROLLBACK -->\n  <div class=\"dps-i-wrap\">\n    <div class=\"dps-i-section\">\n      <div class=\"dps-i-section-label\">\u6545\u969c\u5904\u7406<\/div>\n      <div class=\"dps-i-h2\"><span class=\"dps-i-h2-line\" aria-hidden=\"true\"><\/span>\u51fa\u73b0\u9000\u5316\u65f6\u56de\u6eda<\/div>\n      <div class=\"dps-i-rollback\">\n        <div class=\"dps-i-rb-item\">\n          <div class=\"dps-i-rb-dot\">R1<\/div>\n          <div class=\"dps-i-rb-content\">\n            <div class=\"dps-i-rb-title\">\u786e\u8ba4\u9000\u5316<\/div>\n            <div class=\"dps-i-rb-desc\">\u4fee\u590d\u540e Lighthouse \u5f97\u5206\u4f4e\u4e8e\u4fee\u590d\u524d \u2192 \u5b58\u5728\u9000\u5316\u3002\u7acb\u5373\u5411\u8d1f\u8d23\u4eba\u6c47\u62a5\uff0c\u4e0d\u8981\u81ea\u884c\u5904\u7406\u3002.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"dps-i-rb-item\">\n          <div class=\"dps-i-rb-dot\">R2<\/div>\n          <div class=\"dps-i-rb-content\">\n            <div class=\"dps-i-rb-title\">\u4ece\u5907\u4efd\u6062\u590d<\/div>\n            <div class=\"dps-i-rb-desc\">\u6309\u7167 MD \u4e2d\u7684\u5217\u8868\uff0c\u5c06 _backup\/YYYY-MM-DD\/ \u4e2d\u7684\u6587\u4ef6\u91cd\u65b0\u4e0a\u4f20\u81f3 FTP\u3002.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"dps-i-rb-item\">\n          <div class=\"dps-i-rb-dot\">R3<\/div>\n          <div class=\"dps-i-rb-content\">\n            <div class=\"dps-i-rb-title\">\u6e05\u9664\u7f13\u5b58 + \u91cd\u65b0\u68c0\u67e5<\/div>\n            <div class=\"dps-i-rb-desc\">\u6e05\u9664\u7f13\u5b58 + CDN\uff0c\u9a8c\u8bc1 X-Cache: MISS\uff0c\u5feb\u901f\u8fd0\u884c Lighthouse \u4ee5\u786e\u8ba4\u56de\u6eda\u6210\u529f\u3002.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"dps-i-rb-item\">\n          <div class=\"dps-i-rb-dot\">R4<\/div>\n          <div class=\"dps-i-rb-content\">\n            <div class=\"dps-i-rb-title\">Post-mortem<\/div>\n            <div class=\"dps-i-rb-desc\">\u5728 MD \u4e2d\u8bb0\u5f55\u539f\u56e0\uff0c\u66f4\u65b0\u8ba1\u5212\uff0c\u5e26\u7740\u8c03\u6574\u540e\u7684\u8ba1\u5212\u56de\u5230\u5173\u5361 1\u3002.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- FOOTER -->\n  <div class=\"dps-i-wrap\">\n    <div class=\"dps-i-footer\">\n      <div class=\"dps-i-footer-text\">\n        SOP \u5236\u5b9a\u8005 <span class=\"dps-i-footer-brand\">DPS\u5a92\u4f53<\/span> \u00b7 Claude Code Agent Workflow v1.1 \u00b7 \u4ec5\u9650\u5185\u90e8\u4f7f\u7528\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n\n  \/\/ ACCORDION\n  var steps = document.querySelectorAll('#dps-isolated-root .dps-i-step');\n\n  function closeAll() {\n    var i = 0;\n    while (i < steps.length) {\n      steps[i].classList.remove('dps-open');\n      var h = steps[i].querySelector('.dps-i-step-header');\n      if (h) { h.setAttribute('aria-expanded', 'false'); }\n      i++;\n    }\n  }\n\n  var j = 0;\n  while (j < steps.length) {\n    (function(step) {\n      var header = step.querySelector('.dps-i-step-header');\n      if (header) {\n        header.addEventListener('click', function() {\n          var isOpen = step.classList.contains('dps-open');\n          closeAll();\n          if (!isOpen) {\n            step.classList.add('dps-open');\n            header.setAttribute('aria-expanded', 'true');\n          }\n        });\n        header.addEventListener('keydown', function(e) {\n          if (e.key === 'Enter') { header.click(); }\n          if (e.key === ' ') { e.preventDefault(); header.click(); }\n        });\n      }\n    })(steps[j]);\n    j++;\n  }\n\n  \/\/ COPY HELPER\n  function doCopy(text, btn, labelOrig) {\n    function onSuccess() {\n      btn.textContent = '\u2713 Copied!';\n      btn.classList.add('dps-copied');\n      setTimeout(function() {\n        btn.textContent = labelOrig;\n        btn.classList.remove('dps-copied');\n      }, 1800);\n    }\n    if (navigator.clipboard) {\n      navigator.clipboard.writeText(text).then(onSuccess);\n    } else {\n      var ta = document.createElement('textarea');\n      ta.value = text;\n      document.body.appendChild(ta);\n      ta.select();\n      document.execCommand('copy');\n      document.body.removeChild(ta);\n      onSuccess();\n    }\n  }\n\n  \/\/ INDIVIDUAL COPY BUTTONS\n  var copyBtns = document.querySelectorAll('#dps-isolated-root .dps-i-copy-btn');\n  var k = 0;\n  while (k < copyBtns.length) {\n    (function(btn) {\n      btn.addEventListener('click', function() {\n        var el = document.getElementById(btn.getAttribute('data-target'));\n        if (el) { doCopy(el.innerText, btn, 'Copy'); }\n      });\n    })(copyBtns[k]);\n    k++;\n  }\n\n  \/\/ MASTER PROMPT BUTTON\n  var masterBtn = document.getElementById('dps-master-copy-btn');\n  var masterSrc = document.getElementById('dps-master-prompt');\n  if (masterBtn) {\n    if (masterSrc) {\n      masterBtn.addEventListener('click', function() {\n        doCopy(masterSrc.innerText.trim(), masterBtn, '\ud83d\udccb Copy Master Prompt');\n      });\n    }\n  }\n\n  \/\/ SCROLL REVEAL\n  var secs = document.querySelectorAll('#dps-isolated-root .dps-i-section');\n  if (window.IntersectionObserver) {\n    var obs = new IntersectionObserver(function(entries) {\n      var e = 0;\n      while (e < entries.length) {\n        if (entries[e].isIntersecting) {\n          entries[e].target.style.opacity = '1';\n          entries[e].target.style.transform = 'translateY(0)';\n          obs.unobserve(entries[e].target);\n        }\n        e++;\n      }\n    }, { threshold: 0.07 });\n    var s = 0;\n    while (s < secs.length) {\n      secs[s].style.opacity = '0';\n      secs[s].style.transform = 'translateY(20px)';\n      secs[s].style.transition = 'opacity 0.45s ease, transform 0.45s ease';\n      obs.observe(secs[s]);\n      s++;\n    }\n  }\n\n});\n<\/script>\n<style>\r\n.lwrp.link-whisper-related-posts{\r\n            \r\n            margin-top: 40px;\nmargin-bottom: 30px;\r\n        }\r\n        .lwrp .lwrp-title{\r\n            \r\n            \r\n        }.lwrp .lwrp-description{\r\n            \r\n            \r\n\r\n        }\r\n        .lwrp .lwrp-list-container{\r\n        }\r\n        .lwrp .lwrp-list-multi-container{\r\n            display: flex;\r\n        }\r\n        .lwrp .lwrp-list-double{\r\n            width: 48%;\r\n        }\r\n        .lwrp .lwrp-list-triple{\r\n            width: 32%;\r\n        }\r\n        .lwrp .lwrp-list-row-container{\r\n            display: flex;\r\n            justify-content: space-between;\r\n        }\r\n        .lwrp .lwrp-list-row-container .lwrp-list-item{\r\n            width: calc(33% - 20px);\r\n        }\r\n        .lwrp .lwrp-list-item:not(.lwrp-no-posts-message-item){\r\n            \r\n            max-width: 150px;\r\n        }\r\n        .lwrp .lwrp-list-item img{\r\n            max-width: 100%;\r\n            height: auto;\r\n            object-fit: cover;\r\n            aspect-ratio: 1 \/ 1;\r\n        }\r\n        .lwrp .lwrp-list-item.lwrp-empty-list-item{\r\n            background: initial !important;\r\n        }\r\n        .lwrp .lwrp-list-item .lwrp-list-link .lwrp-list-link-title-text,\r\n        .lwrp .lwrp-list-item .lwrp-list-no-posts-message{\r\n            \r\n            \r\n            \r\n            \r\n        }@media screen and (max-width: 480px) {\r\n            .lwrp.link-whisper-related-posts{\r\n                \r\n                \r\n            }\r\n            .lwrp .lwrp-title{\r\n                \r\n                \r\n            }.lwrp .lwrp-description{\r\n                \r\n                \r\n            }\r\n            .lwrp .lwrp-list-multi-container{\r\n                flex-direction: column;\r\n            }\r\n            .lwrp .lwrp-list-multi-container ul.lwrp-list{\r\n                margin-top: 0px;\r\n                margin-bottom: 0px;\r\n                padding-top: 0px;\r\n                padding-bottom: 0px;\r\n            }\r\n            .lwrp .lwrp-list-double,\r\n            .lwrp .lwrp-list-triple{\r\n                width: 100%;\r\n            }\r\n            .lwrp .lwrp-list-row-container{\r\n                justify-content: initial;\r\n                flex-direction: column;\r\n            }\r\n            .lwrp .lwrp-list-row-container .lwrp-list-item{\r\n                width: 100%;\r\n            }\r\n            .lwrp .lwrp-list-item:not(.lwrp-no-posts-message-item){\r\n                \r\n                max-width: initial;\r\n            }\r\n            .lwrp .lwrp-list-item .lwrp-list-link .lwrp-list-link-title-text,\r\n            .lwrp .lwrp-list-item .lwrp-list-no-posts-message{\r\n                \r\n                \r\n                \r\n                \r\n            };\r\n        }<\/style>\r\n<div id=\"link-whisper-related-posts-widget\" class=\"link-whisper-related-posts lwrp\">\r\n            <div class=\"lwrp-title\">\u76f8\u5173\u6587\u7ae0<\/div>    \r\n        <div class=\"lwrp-list-container\">\r\n                                <div class=\"lwrp-list lwrp-list-row-container lwrp-list-double-row\">\r\n                <div class=\"lwrp-list-item\"><a href=\"https:\/\/dps.media\/zh\/tiktok-instant-page-%e8%90%bd%e5%9c%b0%e9%a1%b5-%e8%b6%85%e5%bf%ab-%e5%9c%a8%e5%b9%bf%e5%91%8a%e4%b8%ad\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">TikTok Instant Page\uff1a\u5e7f\u544a\u4e2d\u7684\u8d85\u7ea7\u5feb\u901f\u7740\u9646\u9875<\/span><\/a><\/div><div class=\"lwrp-list-item\"><a href=\"https:\/\/dps.media\/zh\/xay-dung-cong-dong-facebook-zalo-cho-brand-nho\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">\u5728 Facebook\/Zalo \u4e0a\u6784\u5efa\u793e\u533a\uff08\u793e\u533a\u8425\u9500\uff09\uff1a\u5c0f\u54c1\u724c\u72ec\u7279\u4e4b\u8def<\/span><\/a><\/div><div class=\"lwrp-list-item\"><a href=\"https:\/\/dps.media\/zh\/%e8%83%a1%e5%bf%97%e6%98%8e%e5%b8%82%e6%95%b4%e4%bd%93%e8%90%a5%e9%94%80%e5%a5%97%e9%a4%90%e6%9c%8d%e5%8a%a1\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">\u7efc\u5408\u8425\u9500\u670d\u52a1\u2014\u2014\u4f01\u4e1a\u5168\u9762\u53d1\u5c55\u7684\u89e3\u51b3\u65b9\u6848<\/span><\/a><\/div>                <\/div>\r\n                            <div class=\"lwrp-list lwrp-list-row-container lwrp-list-double-row\">\r\n                <div class=\"lwrp-list-item\"><a href=\"https:\/\/dps.media\/zh\/koc-kol-mei-pham-you-ming-zai-yue-nan\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">\u8d8a\u5357\u6700\u8457\u540d\u7684\u5341\u5927\u7f8e\u5986KOC\u3001KOL<\/span><\/a><\/div><div class=\"lwrp-list-item\"><a href=\"https:\/\/dps.media\/zh\/%e8%81%94%e7%9b%9f%e8%90%a5%e9%94%80%e8%b5%9a%e9%92%b1%e7%9a%84%e5%90%84%e7%a7%8d%e6%96%b9%e5%bc%8f\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">\u521a\u5f00\u59cb\u65f6\u5982\u4f55\u5b9a\u4ef7\u670d\u52a1<\/span><\/a><\/div><div class=\"lwrp-list-item\"><a href=\"https:\/\/dps.media\/zh\/huong-dan-cai-dat-va-su-dung-skill-wordpress-playground-wp-playground-cong-cu-ai-agent-dinh-cao\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">WordPress Playground (wp-playground) \u6280\u80fd\u5b89\u88c5\u4e0e\u4f7f\u7528\u6307\u5357 \u2013 \u9876\u7ea7AI Agent\u5de5\u5177<\/span><\/a><\/div>                <\/div>\r\n                <\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>SOP v1.1 \u2014 Claude Code Agent \u4f7f\u7528 AI Agent \u4f18\u5316 PageSpeed \u2014 \u521d\u7ea7\u4eba\u5458\u6307\u5357 \u8fd0\u884c Claude Code agent \u4ee5\u4f18\u5316 WordPress \u4e3b\u9898\u7684 Lighthouse \u5206\u6570\u7684\u6807\u51c6\u6d41\u7a0b\u3002\u5305\u542b\u5ba1\u6279\u95e8\u69db\u3001\u90e8\u7f72\u524d\u7684 lint \u68c0\u67e5\u4ee5\u53ca\u56de\u6eda\u673a\u5236 \u2014 \u65e0\u9700\u62c5\u5fc3\u635f\u574f\u7ebf\u4e0a\u7f51\u7ad9\u3002 7 \u4e2a\u6267\u884c\u6b65\u9aa4 3 \u4e2a\u5ba1\u6279\u95e8\u69db [\u2026]<\/p>","protected":false},"author":1,"featured_media":38000,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,1209],"tags":[],"class_list":["post-37996","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","category-ai-marketing"],"acf":[],"rankmath_keywords":{"primary":"","secondary":[""]},"yoast_keywords":{"primary":"","secondary":[]},"yoast_focuskw":"","rankmath_focuskw":"","seo_keywords":{"primary":"","secondary":[""]},"_links":{"self":[{"href":"https:\/\/dps.media\/zh\/wp-json\/wp\/v2\/posts\/37996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dps.media\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dps.media\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dps.media\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dps.media\/zh\/wp-json\/wp\/v2\/comments?post=37996"}],"version-history":[{"count":3,"href":"https:\/\/dps.media\/zh\/wp-json\/wp\/v2\/posts\/37996\/revisions"}],"predecessor-version":[{"id":37999,"href":"https:\/\/dps.media\/zh\/wp-json\/wp\/v2\/posts\/37996\/revisions\/37999"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dps.media\/zh\/wp-json\/wp\/v2\/media\/38000"}],"wp:attachment":[{"href":"https:\/\/dps.media\/zh\/wp-json\/wp\/v2\/media?parent=37996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dps.media\/zh\/wp-json\/wp\/v2\/categories?post=37996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dps.media\/zh\/wp-json\/wp\/v2\/tags?post=37996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}