{"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.MEDIA<\/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\/%e8%b6%8a%e5%8d%97%e8%91%97%e5%90%8d%e7%9a%84koc%e5%8c%96%e5%a6%86%e5%93%81\/\" 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 T\u1ed1i \u01b0u PageSpeed b\u1eb1ng AI Agent \u2014 H\u01b0\u1edbng d\u1eabn cho Junior Quy tr\u00ecnh chu\u1ea9n ch\u1ea1y Claude Code agent t\u1ed1i \u01b0u \u0111i\u1ec3m Lighthouse cho WordPress theme. C\u00f3 gate approve, lint check tr\u01b0\u1edbc khi deploy, c\u00f3 rollback \u2014 kh\u00f4ng s\u1ee3 l\u00e0m h\u1ecfng live site. 7 B\u01b0\u1edbc th\u1ef1c hi\u1ec7n 3 Gate approve [&hellip;]<\/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}]}}