Bail out to client-side rendering: next/dynamic

Đang mở
  • Có gì không ổn?
#348 3 bình luận 2 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức phù hợp với người mới
35/100
Loại issue
Lỗi
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
javascript, next.js, react, sqlite
Lĩnh vực
data-visualization, frontend, performance

Hướng nghiên cứu

Bắt đầu với việc ứng dụng Next.js sử dụng next/dynamic và hai biểu đồ đường của ứng dụng, sau đó tái hiện thời gian tải 12 giây và 22 MB tài nguyên đã được báo cáo. Kiểm tra xem sáu cơ sở dữ liệu SQLite hay việc tải biểu đồ có gây ra chi phí này không. Được xem là hoàn thành khi có một trường hợp có thể tái hiện và một nguyên nhân hoặc giới hạn về hiệu năng được ghi lại.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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

Ngôn ngữ chính
JavaScript
Star
1.1k
Fork
138
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của plotly/react-plotly.js

Tất cả issue của plotly/react-plotly.js

Issue tương tự

Thêm issue về JavaScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.