Kur pesë agjentë programimi dërgojnë njëkohësisht rezultate në terminale të ndara, renderimi ndikon në reagimin e ndërfaqes dhe vonesën e tastierës. Artikulli shpjegon si xterm.js, komponenti i terminalit në VS Code, e shfaq tekstin në aplikacione Electron, Tauri ose në shfletues.
Terminali ruan një rrjet qelizash me karaktere, ngjyra dhe stile. Parseri përditëson rrjetin nga të dhënat e procesit, ndërsa renderuesi i kthen rreshtat e dukshëm në pikselë. Me 60 kuadro në sekondë, filli kryesor i faqes ka rreth 16.6 ms për kuadër, një kufi që udhëhoqi kalimin e terminalit të VS Code nga DOM në canvas më 2017.
xterm.js nuk rivizaton pas çdo shkrimi. RenderDebouncer përdor requestAnimationFrame për të bashkuar përditësimet dhe zgjeron intervalin e rreshtave të ndryshuar. Një mijë shkrime brenda një kuadri mund të sjellin vetëm një renderim. Vizatohen vetëm rreshtat në zonën e dukshme, jo historiku; kostoja e renderimit lidhet me kuadrot, ndërsa ajo e parserit me sasinë e të dhënave.
Pas heqjes së shtesës canvas në xterm.js 6.0, alternativat janë DOM dhe WebGL. Renderuesi DOM krijon elemente HTML për grupe qelizash me pamje të njëjtë. Daljet me shumë ngjyra ANSI prodhojnë më tepër elemente span, duke shtuar punën e shfletuesit për stilizimin, sistemimin dhe vizatimin, si edhe objektet e vjetra që duhen pastruar nga memoria.
Burimi: DEV Community (Web Dev Feed) — lexoni artikullin e plotë në anglisht.
