[{"data":1,"prerenderedAt":179},["ShallowReactive",2],{"content-/blog/performance-optimization":3,"related-blog":154},{"_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":148,"_id":149,"_source":150,"_file":151,"_stem":152,"_extension":153},"/blog/performance-optimization","blog",false,"","性能优化","生成高性能代码，优化加载速度和运行效率","性能优化, Blog, HTMLPAGE","HTMLPAGE","2025-11-26","待分类","/content-images/blog/blog.jpg",{"type":16,"children":17,"toc":139},"root",[18,26,32,42,47,55,60,65,71,99,104,135],{"type":19,"tag":20,"props":21,"children":22},"element","p",{},[23],{"type":24,"value":25},"text","性能优化是提升用户体验的长期实践。本文总结影响性能的关键点与工程方向。",{"type":19,"tag":27,"props":28,"children":30},"h3",{"id":29},"关键维度",[31],{"type":24,"value":29},{"type":19,"tag":33,"props":34,"children":35},"ul",{},[36],{"type":19,"tag":37,"props":38,"children":39},"li",{},[40],{"type":24,"value":41},"首屏加载（Critical Rendering Path）、运行时性能（主线程负载）与持续性能监控。",{"type":19,"tag":27,"props":43,"children":45},{"id":44},"工程方向",[46],{"type":24,"value":44},{"type":19,"tag":33,"props":48,"children":49},{},[50],{"type":19,"tag":37,"props":51,"children":52},{},[53],{"type":24,"value":54},"优化资源体积、延迟加载、使用 Web Worker，以及构建时优化（Tree-shaking、压缩）。",{"type":19,"tag":27,"props":56,"children":58},{"id":57},"结论",[59],{"type":24,"value":57},{"type":19,"tag":20,"props":61,"children":62},{},[63],{"type":24,"value":64},"从设计到运行时的全栈性能优化策略，结合度量与 CI 回归检查，能有效提升用户体验。",{"type":19,"tag":66,"props":67,"children":69},"h2",{"id":68},"初步纲要",[70],{"type":24,"value":68},{"type":19,"tag":33,"props":72,"children":73},{},[74,79,84,89,94],{"type":19,"tag":37,"props":75,"children":76},{},[77],{"type":24,"value":78},"主题简介",{"type":19,"tag":37,"props":80,"children":81},{},[82],{"type":24,"value":83},"背景与动机",{"type":19,"tag":37,"props":85,"children":86},{},[87],{"type":24,"value":88},"核心概念",{"type":19,"tag":37,"props":90,"children":91},{},[92],{"type":24,"value":93},"实践案例",{"type":19,"tag":37,"props":95,"children":96},{},[97],{"type":24,"value":98},"进一步扩展",{"type":19,"tag":66,"props":100,"children":102},{"id":101},"相关链接",[103],{"type":24,"value":101},{"type":19,"tag":33,"props":105,"children":106},{},[107,117,126],{"type":19,"tag":37,"props":108,"children":109},{},[110],{"type":19,"tag":111,"props":112,"children":114},"a",{"href":113},"/blog",[115],{"type":24,"value":116},"返回博客分类",{"type":19,"tag":37,"props":118,"children":119},{},[120],{"type":19,"tag":111,"props":121,"children":123},{"href":122},"/blog/topic/multi-agent-system",[124],{"type":24,"value":125},"查看热门话题",{"type":19,"tag":37,"props":127,"children":128},{},[129],{"type":19,"tag":111,"props":130,"children":132},{"href":131},"/blog/ai-architecture-deep-dive",[133],{"type":24,"value":134},"AI 架构深入",{"type":19,"tag":136,"props":137,"children":138},"hr",{},[],{"title":7,"searchDepth":140,"depth":140,"links":141},3,[142,143,144,145,147],{"id":29,"depth":140,"text":29},{"id":44,"depth":140,"text":44},{"id":57,"depth":140,"text":57},{"id":68,"depth":146,"text":68},2,{"id":101,"depth":146,"text":101},"markdown","content:blog:performance-optimization.md","content","blog/performance-optimization.md","blog/performance-optimization","md",[155,163,171],{"_path":156,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":157,"description":158,"keywords":159,"author":11,"date":12,"category":13,"image":14,"_type":148,"_id":160,"_source":150,"_file":161,"_stem":162,"_extension":153},"/blog/2025-q1-updates","2025 Q1 产品更新","第一季度重大功能发布：AI 生成优化、新模板上线、编辑器增强等","2025 Q1 产品更新, Blog, HTMLPAGE","content:blog:2025-q1-updates.md","blog/2025-q1-updates.md","blog/2025-q1-updates",{"_path":164,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":165,"description":166,"keywords":167,"author":11,"date":12,"category":13,"image":14,"_type":148,"_id":168,"_source":150,"_file":169,"_stem":170,"_extension":153},"/blog/2025-roadmap","2025 产品路线图","展望 2025 年的产品规划：AI 能力增强、模板扩充、国际化等","2025 产品路线图, Blog, HTMLPAGE","content:blog:2025-roadmap.md","blog/2025-roadmap.md","blog/2025-roadmap",{"_path":172,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":173,"description":174,"keywords":175,"author":11,"date":12,"category":13,"image":14,"_type":148,"_id":176,"_source":150,"_file":177,"_stem":178,"_extension":153},"/blog/ab-testing","A/B 测试","通过 A/B 测试验证设计方案","A/B 测试, Blog, HTMLPAGE","content:blog:ab-testing.md","blog/ab-testing.md","blog/ab-testing",1774945277860]