别着急,坐和放宽
Shiki 性能优化 - 按需加载语法解析 - 静かな森
Shiki 性能优化 - 按需加载语法解析
2024 年 4 月 20 日 星期六
开发日志
/
nextjs
,
react
1802
14
Shiki 性能优化 - 按需加载语法解析
转换到旧版评论
免登录评论
Loading...
Loading...
Loading...
Loading...
Loading...
AI 生成的摘要
此内容由 AI 生成
文章介绍了如何在Next.js中实现Shiki代码高亮库的按需加载优化。通过动态加载所需语言解析器而非全量引入bundledLanguages,减少请求数量和流量消耗。作者利用getLoadedLanguages封装组件,并采用Client Component配合Suspense处理异步加载,但指出首屏会因SSR缺失导致CLS抖动,需通过占位符缓解。最后强调该方案适合无法使用Server Component的场景,复杂业务下App Router架构可能存在局限性。