High cpu usage with mobx project on windows

[mjbvz]

TypeScript Version: 3.7.3

Search terms:

• Cpu
• React

---

I can reproduce with the following steps (Windows 10 - vscode 1.41 system setup)

• clone and yarn install https://github.com/blikblum/lit-element-mobx-realworld-example-app
• go to https://github.com/blikblum/lit-element-mobx-realworld-example-app/blob/master/test/dummy-superagent.js
• Start a import statement and try to launch intelisense: import 'sup|' (Ctrl +Space) -> cpu usage will peak and remain high with a Loading indicator
• Alternatively add a complete import like import 'superagent' Ctrl + Click on 'superagent' -> high cpu usage for long time

I downgraded to 1.40.2 and the above commands are instantaneous without cpu usage peaks

Originally posted by @blikblum in https://github.com/microsoft/vscode/issues/87032#issuecomment-566287989

[mjbvz]

@blikblum Can you please follow these instructions to collect performance information about which process is causing the high cpu usage. Share the output of code --status

[blikblum]

After adding import 'sup|' Ctrl + Space.

The affecting is electron_node tsserver.js. It remains with that cpu usage until close app. BTW the cpu is somewhat new and powerful

Version:          Code 1.41.0 (9579eda04fdb3a9bba2750f15193e5fafe16b959, 2019-12-11T18:37:42.077Z)
OS Version:       Windows_NT x64 10.0.18363
CPUs:             Intel(R) Core(TM) i7-7700 CPU @ 3.60GHz (8 x 3600)
Memory (System):  7.91GB (1.84GB free)
VM:               67%
Screen Reader:    no
Process Argv:
GPU Status:       2d_canvas:                     enabled
                  flash_3d:                      enabled
                  flash_stage3d:                 enabled
                  flash_stage3d_baseline:        enabled
                  gpu_compositing:               enabled
                  metal:                         disabled_off
                  multiple_raster_threads:       enabled_on
                  oop_rasterization:             disabled_off
                  protected_video_decode:        enabled
                  rasterization:                 enabled
                  skia_renderer:                 disabled_off
                  surface_control:               disabled_off
                  surface_synchronization:       enabled_on
                  video_decode:                  enabled
                  viz_display_compositor:        enabled_on
                  viz_hit_test_surface_layer:    disabled_off
                  webgl:                         enabled
                  webgl2:                        enabled

CPU %   Mem MB     PID  Process
    0       85   17032  code main
    0      195    2580     window (tags.test.js - react-mobx-realworld-example-app - Visual Studio Code)
    0       69    1504       C:\WINDOWS\System32\WindowsPowerShell\v1.0\powershell.exe
    0       35    5740       searchService
    0      132   13532       extensionHost
   13      401    6212         electron_node tsserver.js
    0       48   12892           electron_node typingsInstaller.js typesMap.js
    0       80   10020         electron_node tsserver.js
    0       32   12368         "C:\Program Files\Microsoft VS Code\Code.exe" "c:\Program Files\Microsoft VS Code\resources\app\extensions\json-language-features\server\dist\jsonServerMain" --node-ipc --clientProcessId=13532
    0       13   14268       watcherService
    0        6   12928         console-window-host (Windows internal process)
    0        6   19384       console-window-host (Windows internal process)
    0       61    2616     window (Process Explorer)
    0      147    3856     gpu-process
    0       68    3976     shared-process
    0       15   14820     electron-crash-reporter

Workspace Stats:
|  Window (tags.test.js - react-mobx-realworld-example-app - Visual Studio Code)
|    Folder (react-mobx-realworld-example-app): 118 files
|      File types: js(46) html(26) json(5) md(3) png(2) ico(2) css(2) env(1)
|                  babelrc(1) prettierrc(1)
|      Conf files: jsconfig.json(1) package.json(1) webpack.config.js(1)
|                  settings.json(1)

[mjbvz]

Where are you seeing the high cpu usage? The output of --status shows it at 13%. Or is the issue that it never drops to zero even if you never interact with the code?

[blikblum]

Where are you seeing the high cpu usage? The output of --status shows it at 13%. Or is the issue that it never drops to zero even if you never interact with the code?

Both in windows task manager and vscode process explorer.
The windows task manager is a bit higher with variation between 16% and 20%. This is a quad core i7 desktop cpu so is taking almost all cpu usage from one core.

Also the CPU FAN starts spinning continuously.

Finally, the task (autocomplete the import) does not complete.

[mjbvz]

@blikblum Thanks. One last thing to try: upgrade your workspace to use typescript@next by installing this extension

Does that fix the issue?

I haven't been able to repo this on my machine. CPU usage is high for a little when we first load the project while but then drops off

[blikblum]

Does that fix the issue?

Yes. Autocomplete is instantaneous and no CPU usage. Max is 4% in window task manager

[blikblum]

It was working fine until i found a new reproducible situation:

Checkout https://github.com/blikblum/slick-router/tree/vscode-cpu-test

Probably needs yarn install

Go to line https://github.com/blikblum/slick-router/blob/vscode-cpu-test/lib/router.js#L424

Put cursor after disposeIn. Press Ctrl + Space: a "Loading" box appears, CPU goes high indefinitely and CPU FAN starts to spin

I tested three times in a row and all the same behavior
Tested also with code --disable-extensions and same behavior

https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next is installed and enabled
code --status:

Version:          Code 1.41.0 (9579eda04fdb3a9bba2750f15193e5fafe16b959, 2019-12-11T18:37:42.077Z)
OS Version:       Windows_NT x64 10.0.18363
CPUs:             Intel(R) Core(TM) i7-7700 CPU @ 3.60GHz (8 x 3600)
Memory (System):  7.91GB (1.91GB free)
VM:               67%
Screen Reader:    no
Process Argv:
GPU Status:       2d_canvas:                     enabled
                  flash_3d:                      enabled
                  flash_stage3d:                 enabled
                  flash_stage3d_baseline:        enabled
                  gpu_compositing:               enabled
                  metal:                         disabled_off
                  multiple_raster_threads:       enabled_on
                  oop_rasterization:             disabled_off
                  protected_video_decode:        enabled
                  rasterization:                 enabled
                  skia_renderer:                 disabled_off
                  surface_control:               disabled_off
                  surface_synchronization:       enabled_on
                  video_decode:                  enabled
                  viz_display_compositor:        enabled_on
                  viz_hit_test_surface_layer:    disabled_off
                  webgl:                         enabled
                  webgl2:                        enabled

CPU %   Mem MB     PID  Process
    0       77    4732  code main
    0      138    4352     gpu-process
    0       14   10680     electron-crash-reporter
    0      203   18096     window (router.js - slick-router - Visual Studio Code)
    0       69    2388       C:\WINDOWS\System32\WindowsPowerShell\v1.0\powershell.exe
    0       11    6732       watcherService
    0        6     632         console-window-host (Windows internal process)
    0       34   13472       searchService
    0        5   14024       console-window-host (Windows internal process)
    0      116   19212       extensionHost
    0       78   14116         electron_node tsserver.js
    0       50   15156         electron_node server.js
   13      268   19852         electron_node tsserver.js
    0       46    1620           electron_node typingsInstaller.js typesMap.js
    0       69   19564     shared-process

Workspace Stats:
|  Window (router.js - slick-router - Visual Studio Code)
|    Folder (slick-router): 210 files
|      File types: js(74) html(45) md(12) css(7) json(6) lock(4) map(3)
|                  gitignore(1) info(1) png(1)
|      Conf files: package.json(5) webpack.config.js(3) settings.json(1)