Bail out to client-side rendering: next/dynamic

未关闭
#348 3 条评论 2 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
35/100
Issue 类型
缺陷
描述清晰度
需要澄清
活跃度
停滞
技术栈
javascript, next.js, react, sqlite

调研方向

先从 Next.js 应用对 next/dynamic 的使用及其两个折线图入手,然后重现报告中的 12 秒加载时间和 22 MB 资源。检查六个 SQLite 数据库或图表加载是否造成了这项开销。完成标准是有一个可复现的案例,以及一份记录在案的性能原因或限制。

由索引模型根据 Issue 内容生成。

描述

i created a next js app and i imported plotly dynamically and set ssr = false as it's nor ssr compatible i tried several other thing to get the result that i want but still get the same bad performance (it takes about 12 secs to load the page) and 22mb of resources (i just use 6 sqlite3 databases that the summation of all of them would not be over 50kb)
i used two line charts in my code
if any further information needs please ask me to provide you

主要语言
JavaScript
星标
1.1k
派生
138
PR 合并指标
30 天内没有已合并 PR

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

plotly/react-plotly.js 的其他 Issue

查看 plotly/react-plotly.js 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。