[{"data":1,"prerenderedAt":173},["ShallowReactive",2],{"content-/blog/code-splitting-practices":3,"related-blog":148},{"_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":142,"_id":143,"_source":144,"_file":145,"_stem":146,"_extension":147},"/blog/code-splitting-practices","blog",false,"","代码分割实践","使用代码分割技术，实现按需加载，减少首屏加载时间","代码分割实践, Blog, HTMLPAGE","HTMLPAGE","2025-11-26","待分类","/content-images/blog/blog.jpg",{"type":16,"children":17,"toc":134},"root",[18,26,32,42,47,55,61,89,94,125,129],{"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},"对非关键路径使用动态 import，结合 Suspense 或占位，提升首屏加载速度。",{"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},"将共享依赖提取为公共 chunk，减少重复加载。",{"type":19,"tag":56,"props":57,"children":59},"h2",{"id":58},"初步纲要",[60],{"type":24,"value":58},{"type":19,"tag":33,"props":62,"children":63},{},[64,69,74,79,84],{"type":19,"tag":37,"props":65,"children":66},{},[67],{"type":24,"value":68},"主题简介",{"type":19,"tag":37,"props":70,"children":71},{},[72],{"type":24,"value":73},"背景与动机",{"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":56,"props":90,"children":92},{"id":91},"相关链接",[93],{"type":24,"value":91},{"type":19,"tag":33,"props":95,"children":96},{},[97,107,116],{"type":19,"tag":37,"props":98,"children":99},{},[100],{"type":19,"tag":101,"props":102,"children":104},"a",{"href":103},"/blog",[105],{"type":24,"value":106},"返回博客分类",{"type":19,"tag":37,"props":108,"children":109},{},[110],{"type":19,"tag":101,"props":111,"children":113},{"href":112},"/blog/topic/multi-agent-system",[114],{"type":24,"value":115},"查看热门话题",{"type":19,"tag":37,"props":117,"children":118},{},[119],{"type":19,"tag":101,"props":120,"children":122},{"href":121},"/blog/ai-architecture-deep-dive",[123],{"type":24,"value":124},"AI 架构深入",{"type":19,"tag":126,"props":127,"children":128},"hr",{},[],{"type":19,"tag":20,"props":130,"children":131},{},[132],{"type":24,"value":133},"⚠️ 本文为占位内容，后续将补充完整版本。",{"title":7,"searchDepth":135,"depth":135,"links":136},3,[137,138,139,141],{"id":29,"depth":135,"text":29},{"id":44,"depth":135,"text":44},{"id":58,"depth":140,"text":58},2,{"id":91,"depth":140,"text":91},"markdown","content:blog:code-splitting-practices.md","content","blog/code-splitting-practices.md","blog/code-splitting-practices","md",[149,157,165],{"_path":150,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":151,"description":152,"keywords":153,"author":11,"date":12,"category":13,"image":14,"_type":142,"_id":154,"_source":144,"_file":155,"_stem":156,"_extension":147},"/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":158,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":159,"description":160,"keywords":161,"author":11,"date":12,"category":13,"image":14,"_type":142,"_id":162,"_source":144,"_file":163,"_stem":164,"_extension":147},"/blog/2025-roadmap","2025 产品路线图","展望 2025 年的产品规划：AI 能力增强、模板扩充、国际化等","2025 产品路线图, Blog, HTMLPAGE","content:blog:2025-roadmap.md","blog/2025-roadmap.md","blog/2025-roadmap",{"_path":166,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":167,"description":168,"keywords":169,"author":11,"date":12,"category":13,"image":14,"_type":142,"_id":170,"_source":144,"_file":171,"_stem":172,"_extension":147},"/blog/ab-testing","A/B 测试","通过 A/B 测试验证设计方案","A/B 测试, Blog, HTMLPAGE","content:blog:ab-testing.md","blog/ab-testing.md","blog/ab-testing",1774945277300]