🧐[问题]： 加载已有多段文本对话页面严重卡顿

Metriche repository

Star

899 stelle (899 stelle)

Metriche merge PR

Metriche PR in attesa (Metriche PR in attesa)

Descrizione

      <ProChat
        displayMode={currentRow?.displayMode ?? "chat"}
        style={{ height: "calc(100vh - 150px)" }}
        chats={cachedChats}
        request={async (messages: any) => {

          const stream = OpenAIStream(response);
          return new StreamingTextResponse(stream);
        }}
      ></ProChat>

Guida contributor

Direzione di ricerca

Analizza le prestazioni di rendering del componente chat con un gran numero di messaggi utilizzando React DevTools Profiler. Identifica i re render non necessari. Ottimizza implementando la virtualizzazione dell'elenco chat (es. react window) e memorizzando i calcoli costosi relativi al conteggio dei token o all'analisi del testo in streaming.

Tech stack

typescriptreact

Dominio

frontenddeveloper experience

Tipo issue

Performance

DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.

3

Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.

Mezza giornata

Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.

Attiva

ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.

Abbastanza chiara

Prerequisiti

ReactTypeScript

Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.

40