Integrated Terminal Performance Improvements

October 3, 2017 Daniel Imms, @Tyriar The rendering engine of the Integrated Terminal has been completely re-written with performance in mind for the upcoming version 1.17 of Visual Studio Code. In this version, we move away from a DOM-based rendering system to using the HTML canvas element. DOM Rendering It's somewhat surprising, but rendering an interactive terminal was possible in a system desig

[efcl]

xterm.js https://github.com/sourcelair/xterm.js/pull/938 の改善について。 Canvasでレンダリングレイヤーを作って描画する話

[ginpei]

VS Codeのコンソールのフロント側実装を、DOMからCanvasへ置き換えて高速化した話。文字選択やMB出力、GC実行頻度に問題があった。Canvasでも最小限の再描画、出力文字のスプライト化といった工夫をしている。

[suzukiMY]

『インテグレーデッドターミナルのレンダリングエンジンは、Visual Studio Codeの次期バージョン1.17でのパフォーマンスを考慮。DOMベースのレンダリングシステムからHTMLキャンバス要素を使用するように移行』

[boxshiitake]

canvasのほうが速いのか…

[mizdra]

Integrated Terminalの高速化について, Canvasで実現