博客性能优化实战：从30秒卡顿到秒开的思考与蜕变

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

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

详细记录了博客从Lighthouse 70分优化到100分的完整过程，包括性能瓶颈分析、优化策略制定、实施过程以及最终效果验证。深度解析每次Git提交的具体改动和问题反思。

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