Bail out to client-side rendering: next/dynamic

Offen
#348 3 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Anfängerfreundlichkeit
35/100
Issue-Typ
Bug
Klarheit
Muss geklärt werden
Aktivitätsstatus
Veraltet
Tech-Stack
javascript, next.js, react, sqlite
Bereich
data-visualization, frontend, performance

Rechercherichtung

Beginne mit der Verwendung von next/dynamic durch die Next.js-App und ihren beiden Liniendiagrammen und reproduziere dann die gemeldete Ladezeit von 12 Sekunden und 22 MB an Ressourcen. Prüfe, ob die sechs SQLite-Datenbanken oder das Laden der Diagramme für diesen Aufwand verantwortlich sind. Als abgeschlossen gilt die Aufgabe, wenn ein reproduzierbarer Fall und eine dokumentierte Ursache oder Einschränkung der Performance vorliegen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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

Vorherrschende Sprache
JavaScript
Sterne
1.1k
Forks
138
Ø Merge
3 T. 2 Std.
Gemergte PRs (30 T.)
4

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus plotly/react-plotly.js

Alle Issues in plotly/react-plotly.js

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.