Lighthouse性能优化历程：从70分到100分的工程实践

记录一次因为混淆开发模式和生产模式导致的性能测试"乌龙"事件，深入分析 Next.js 中 dev 模式与 build 模式的本质差异，以及如何正确进行本地生产环境测试。

本文详细记录了在 Next.js 博客项目中，针对详情页加载慢、主线程阻塞等性能瓶颈，通过将 Markdown 解析迁移到构建/服务端阶段，实现性能大幅提升的全流程分析和真实优化效果。包括问题发现、技术对比、实施过程、遇到的难题和最终成效对比。

详细记录了 Next.js 应用中 Mermaid 图表在生产环境无法渲染的问题分析、解决思路和完整修复过程，包含动态导入优化、错误处理改进和性能考量。

基于真实的性能数据和开发体验，深入分析了从Monorepo架构回归到单仓库模式的决策过程。通过数据对比、业界调研和实践总结，展示了一次理性的技术架构决策历程。