UI unresponsive & slow with large Angular project

[marlon-tucker]

Issue Type: Performance Issue

Unfortunately I can not publish the active workspace I am working with as it is not open source.

As far as I can tell, I'm not doing anything overly unique. However I appreciate our workspace is larger than a lot of projects out there. Despite this I do not think VS Code should hang for 3-4 seconds at a time respond to user input.

This happens when we launch a ASP Net Core project, which uses SpaServices to then kick off a NPM task which runs the Angular-CLI serve method, which in turn watches the angular workspace for file changes.

The RAM usage is somewhat high, but that doesn't particularly bother me. The UI being slow to respond is the real killer.

I don't expect you to be able to do anything as the info in this issue doesn't look like enough to find the root of the problem - but I thought I would submit anyway so it's on the radar at least.

VS Code version: Code 1.30.2 (61122f88f0bf01e2ac16bdb9e1bc4571755f5bd8, 2019-01-07T22:54:13.295Z) OS version: Windows_NT x64 10.0.17134

System Info

|Item|Value| |---|---| |CPUs|Intel(R) Core(TM) i7-6920HQ CPU @ 2.90GHz (8 x 2904)| |GPU Status|2d_canvas: enabled
checker_imaging: disabled_off
flash_3d: enabled
flash_stage3d: enabled
flash_stage3d_baseline: enabled
gpu_compositing: enabled
multiple_raster_threads: enabled_on
native_gpu_memory_buffers: disabled_software
rasterization: enabled
video_decode: enabled
video_encode: enabled
webgl: enabled
webgl2: enabled| |Memory (System)|15.85GB (4.77GB free)| |Process Argv|C:\1T_Git_Dev\WebApps\angular-mvc.code-workspace| |Screen Reader|no| |VM|0%|

Process Info

``` CPU % Mem MB PID Process 0 74 19136 code main 0 216 416 gpu-process 0 69 5620 window (Issue Reporter) 0 54 19048 shared-process 0 419 19584 window (calculation-row.component.html - angular-mvc (Workspace) - Visual Studio Code) 0 22 3960 watcherService 0 96 7584 extensionHost 0 35 1692 "C:\Users\mtucker\AppData\Local\Programs\Microsoft VS Code\Code.exe" "c:\Users\mtucker\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\css-language-features\server\dist\cssServerMain" --node-ipc --clientProcessId=7584 0 22 5956 "C:\Users\mtucker\AppData\Local\Programs\Microsoft VS Code\Code.exe" "c:\Users\mtucker\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\json-language-features\server\dist\jsonServerMain" --node-ipc --clientProcessId=7584 0 260 6760 electron_node server.js 0 2 9596 cmd /s /c "C:\Users\mtucker\.vscode\extensions\ms-vscode.csharp-1.17.1\.omnisharp\1.32.8\OmniSharp.exe -s c:\1T_Git_Dev\WebApps\src\[Redacted].WebPortals.Mvc --hostPID 7584 --stdio DotNet:enablePackageRestore=false --encoding utf-8 --loglevel information --plugin C:\Users\mtucker\.vscode\extensions\ms-vscode.csharp-1.17.1\.razor\OmniSharpPlugin\Microsoft.AspNetCore.Razor.OmniSharpPlugin.dll formattingOptions:useTabs=false formattingOptions:tabSize=4 formattingOptions:indentationSize=4" 0 52 1972 C:\Users\mtucker\.vscode\extensions\ms-vscode.csharp-1.17.1\.omnisharp\1.32.8\OmniSharp.exe -s c:\1T_Git_Dev\WebApps\src\[Redacted].WebPortals.Mvc --hostPID 7584 --stdio DotNet:enablePackageRestore=false --encoding utf-8 --loglevel information --plugin C:\Users\mtucker\.vscode\extensions\ms-vscode.csharp-1.17.1\.razor\OmniSharpPlugin\Microsoft.AspNetCore.Razor.OmniSharpPlugin.dll formattingOptions:useTabs=false formattingOptions:tabSize=4 formattingOptions:indentationSize=4 0 5 14756 console-window-host (Windows internal process) 0 60 11232 electron_node tslintServer.js 0 39 16036 "C:\Users\mtucker\AppData\Local\Programs\Microsoft VS Code\Code.exe" "c:\Users\mtucker\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\html-language-features\server\dist\htmlServerMain" --node-ipc --clientProcessId=7584 0 25 17876 C:\Users\mtucker\.vscode\extensions\ms-vscode.csharp-1.17.1\.razor\rzls.exe -lsp --logLevel None 0 5 9332 console-window-host (Windows internal process) 0 218 19432 electron_node tsserver.js 0 19 18680 electron_node typingsInstaller.js typesMap.js 0 19 20980 electron_node server.js 0 41 16500 C:\Users\mtucker\.vscode\extensions\ms-vscode.csharp-1.17.1\.debugger\vsdbg-ui.exe 0 6 8432 console-window-host (Windows internal process) 0 171 20000 "C:\Program Files\dotnet\dotnet.exe" C:\1T_Git_Dev\WebApps\src\[Redacted].WebPortals.Mvc\bin\DebugManagementStudio\netcoreapp2.2\[Redacted].WebPortals.dll 0 3 4820 "cmd" /c npm run start-management-studio -- --port 62371 0 16 19212 electron_node npm-cli.js 0 3 996 C:\WINDOWS\system32\cmd.exe /d /s /c ng serve management-studio "--port" "62371" 0 503 16568 node "C:\1T_Git_Dev\WebApps\src\angular-web-portals\node_modules\.bin\\..\@angular\cli\bin\ng" serve management-studio "--port" "62371" 0 286 2564 electron_node worker.js ```

Workspace Info

``` | Window (calculation-row.component.html - angular-mvc (Workspace) - Visual Studio Code) | Folder (angular-web-portals): 1030 files | File types: ts(543) scss(153) html(145) svg(76) json(46) png(18) js(15) | gitkeep(6) ico(3) css(3) | Conf files: tsconfig.json(10) tslint.json(9) package.json(2) | Folder ([Redacted].WebPortals.Mvc): 1173 files | File types: png(234) cs(178) svg(175) dll(139) html(128) pdb(76) | cache(69) json(56) js(20) css(15) | Conf files: csproj(1) launch.json(1) tasks.json(1) package.json(1) | tsconfig.json(1) | Launch Configs: coreclr(5); ```

Extensions (12)

Extension|Author (truncated)|Version ---|---|--- google-search-ext|ade|0.2.1 ng-template|Ang|0.1.11 swagger-viewer|Arj|2.2.0 vscode-svgviewer|css|1.4.7 xml|Dot|2.4.0 tslint|eg2|1.0.42 Angular2|joh|7.0.1 code-beautifier|mic|2.1.0 csharp|ms-|1.17.1 debugger-for-chrome|msj|4.11.1 vscode-docker|Pet|0.5.1 vscode-yaml|red|0.2.1

[jrieken]

Please use this guide to provide more information: https://github.com/Microsoft/vscode/wiki/Performance-Issues. Thanks.

[vscodebot[bot]]

This issue has been closed automatically because it needs more information and has not had recent activity. See also our issue reporting guidelines.

Happy Coding!