[{"data":1,"prerenderedAt":299},["ShallowReactive",2],{"content-/guide/performance-tips":3,"related-guide":267},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"keywords":10,"author":11,"date":12,"category":13,"image":14,"body":15,"_type":261,"_id":262,"_source":263,"_file":264,"_stem":265,"_extension":266},"/guide/performance-tips","guide",false,"","性能提示","快速实用的性能优化建议","性能提示, 优化建议, 快速方案, HTMLPAGE","HTMLPAGE","2025-11-27","优化","/content-images/guide/guide.jpg",{"type":16,"children":17,"toc":248},"root",[18,25,31,38,45,70,76,99,105,128,134,157,163,187,193,216,222,235,239],{"type":19,"tag":20,"props":21,"children":22},"element","h1",{"id":8},[23],{"type":24,"value":8},"text",{"type":19,"tag":26,"props":27,"children":28},"p",{},[29],{"type":24,"value":30},"快速实用的性能优化建议。",{"type":19,"tag":32,"props":33,"children":35},"h2",{"id":34},"快速优化",[36],{"type":24,"value":37},"📌 快速优化",{"type":19,"tag":39,"props":40,"children":42},"h3",{"id":41},"_1-立即见效",[43],{"type":24,"value":44},"1. 立即见效",{"type":19,"tag":46,"props":47,"children":48},"ul",{},[49,55,60,65],{"type":19,"tag":50,"props":51,"children":52},"li",{},[53],{"type":24,"value":54},"✅ 压缩图片",{"type":19,"tag":50,"props":56,"children":57},{},[58],{"type":24,"value":59},"✅ 启用 Gzip",{"type":19,"tag":50,"props":61,"children":62},{},[63],{"type":24,"value":64},"✅ 使用 CDN",{"type":19,"tag":50,"props":66,"children":67},{},[68],{"type":24,"value":69},"✅ 缓存策略",{"type":19,"tag":39,"props":71,"children":73},{"id":72},"_2-短期优化",[74],{"type":24,"value":75},"2. 短期优化",{"type":19,"tag":46,"props":77,"children":78},{},[79,84,89,94],{"type":19,"tag":50,"props":80,"children":81},{},[82],{"type":24,"value":83},"代码分割",{"type":19,"tag":50,"props":85,"children":86},{},[87],{"type":24,"value":88},"懒加载",{"type":19,"tag":50,"props":90,"children":91},{},[92],{"type":24,"value":93},"删除无用 CSS",{"type":19,"tag":50,"props":95,"children":96},{},[97],{"type":24,"value":98},"优化字体",{"type":19,"tag":39,"props":100,"children":102},{"id":101},"_3-中期优化",[103],{"type":24,"value":104},"3. 中期优化",{"type":19,"tag":46,"props":106,"children":107},{},[108,113,118,123],{"type":19,"tag":50,"props":109,"children":110},{},[111],{"type":24,"value":112},"优化数据库",{"type":19,"tag":50,"props":114,"children":115},{},[116],{"type":24,"value":117},"改进 API",{"type":19,"tag":50,"props":119,"children":120},{},[121],{"type":24,"value":122},"使用服务端渲染",{"type":19,"tag":50,"props":124,"children":125},{},[126],{"type":24,"value":127},"实现增量更新",{"type":19,"tag":39,"props":129,"children":131},{"id":130},"_4-长期优化",[132],{"type":24,"value":133},"4. 长期优化",{"type":19,"tag":46,"props":135,"children":136},{},[137,142,147,152],{"type":19,"tag":50,"props":138,"children":139},{},[140],{"type":24,"value":141},"架构重构",{"type":19,"tag":50,"props":143,"children":144},{},[145],{"type":24,"value":146},"技术升级",{"type":19,"tag":50,"props":148,"children":149},{},[150],{"type":24,"value":151},"持续监测",{"type":19,"tag":50,"props":153,"children":154},{},[155],{"type":24,"value":156},"不断改进",{"type":19,"tag":32,"props":158,"children":160},{"id":159},"优先级",[161],{"type":24,"value":162},"🎯 优先级",{"type":19,"tag":164,"props":165,"children":166},"ol",{},[167,172,177,182],{"type":19,"tag":50,"props":168,"children":169},{},[170],{"type":24,"value":171},"压缩和缓存 (立即)",{"type":19,"tag":50,"props":173,"children":174},{},[175],{"type":24,"value":176},"删除冗余 (一周)",{"type":19,"tag":50,"props":178,"children":179},{},[180],{"type":24,"value":181},"代码分割 (两周)",{"type":19,"tag":50,"props":183,"children":184},{},[185],{"type":24,"value":186},"架构优化 (一个月)",{"type":19,"tag":32,"props":188,"children":190},{"id":189},"测试工具",[191],{"type":24,"value":192},"💡 测试工具",{"type":19,"tag":46,"props":194,"children":195},{},[196,201,206,211],{"type":19,"tag":50,"props":197,"children":198},{},[199],{"type":24,"value":200},"PageSpeed Insights",{"type":19,"tag":50,"props":202,"children":203},{},[204],{"type":24,"value":205},"WebPageTest",{"type":19,"tag":50,"props":207,"children":208},{},[209],{"type":24,"value":210},"GTmetrix",{"type":19,"tag":50,"props":212,"children":213},{},[214],{"type":24,"value":215},"浏览器 DevTools",{"type":19,"tag":32,"props":217,"children":219},{"id":218},"相关资源",[220],{"type":24,"value":221},"🔗 相关资源",{"type":19,"tag":46,"props":223,"children":224},{},[225],{"type":19,"tag":50,"props":226,"children":227},{},[228],{"type":19,"tag":229,"props":230,"children":232},"a",{"href":231},"/guide/performance-optimization.md",[233],{"type":24,"value":234},"性能优化",{"type":19,"tag":236,"props":237,"children":238},"hr",{},[],{"type":19,"tag":26,"props":240,"children":241},{},[242],{"type":19,"tag":243,"props":244,"children":245},"em",{},[246],{"type":24,"value":247},"每一点性能改进都有意义。",{"title":7,"searchDepth":249,"depth":249,"links":250},3,[251,258,259,260],{"id":34,"depth":252,"text":37,"children":253},2,[254,255,256,257],{"id":41,"depth":249,"text":44},{"id":72,"depth":249,"text":75},{"id":101,"depth":249,"text":104},{"id":130,"depth":249,"text":133},{"id":159,"depth":252,"text":162},{"id":189,"depth":252,"text":192},{"id":218,"depth":252,"text":221},"markdown","content:guide:performance-tips.md","content","guide/performance-tips.md","guide/performance-tips","md",[268,280,291],{"_path":269,"_dir":270,"_draft":6,"_partial":6,"_locale":7,"title":271,"description":272,"keywords":273,"author":11,"date":274,"category":275,"image":276,"_type":261,"_id":277,"_source":263,"_file":278,"_stem":279,"_extension":266},"/blog/accessibility-guidelines","blog","无障碍设计指南","WCAG 标准和无障碍设计最佳实践","无障碍设计指南, Blog, HTMLPAGE","2025-11-26","待分类","/content-images/blog/blog.jpg","content:blog:accessibility-guidelines.md","blog/accessibility-guidelines.md","blog/accessibility-guidelines",{"_path":281,"_dir":270,"_draft":6,"_partial":6,"_locale":7,"title":282,"description":283,"keywords":284,"author":285,"date":286,"category":287,"image":276,"_type":261,"_id":288,"_source":263,"_file":289,"_stem":290,"_extension":266},"/blog/accessible-ux-research-guide","无障碍用户研究完全指南：从规划到实施的每一步","深入了解如何进行包容性的用户体验研究，确保残障用户的声音被听见，让产品真正为所有人而设计","用户研究, 无障碍设计, 包容设计, UX研究, 残障用户, 无障碍访问","HTMLPAGE 内容团队","2025-12-01","无障碍与设计","content:blog:accessible-ux-research-guide.md","blog/accessible-ux-research-guide.md","blog/accessible-ux-research-guide",{"_path":292,"_dir":270,"_draft":6,"_partial":6,"_locale":7,"title":293,"description":294,"keywords":295,"author":11,"date":274,"category":275,"image":276,"_type":261,"_id":296,"_source":263,"_file":297,"_stem":298,"_extension":266},"/blog/react-hooks-guide","React Hooks 实战指南","深入理解 React Hooks，包括 useState、useEffect、自定义 Hooks 等","React Hooks 实战指南, Blog, HTMLPAGE","content:blog:react-hooks-guide.md","blog/react-hooks-guide.md","blog/react-hooks-guide",1774945279685]