Extremely Slow

[andersonnatt]

Type: Performance Issue

Even after restart, react site to localhost has several second delay. Same code, running on staging and prod servers are 100x faster.

VS Code version: Code 1.81.1 (6c3e3dba23e8fadc360aed75ce363ba185c49794, 2023-08-09T22:40:25.698Z) OS version: Darwin arm64 22.6.0 Modes:

System Info

|Item|Value| |---|---| |CPUs|Apple M2 Max (12 x 24)| |GPU Status|2d_canvas: enabled
canvas_oop_rasterization: disabled_off
direct_rendering_display_compositor: disabled_off_ok
gpu_compositing: enabled
metal: disabled_off
multiple_raster_threads: enabled_on
opengl: enabled_on
rasterization: enabled
raw_draw: disabled_off_ok
video_decode: enabled
video_encode: enabled
vulkan: disabled_off
webgl: enabled
webgl2: enabled
webgpu: enabled| |Load (avg)|1, 2, 2| |Memory (System)|96.00GB (59.44GB free)| |Process Argv|--crash-reporter-id 181bb075-eb66-4abe-adf1-a40428900ddd| |Screen Reader|no| |VM|0%|

Process Info

``` CPU % Mem MB PID Process 16 197 1597 code main 0 98 1600 gpu-process 0 0 1602 utility-network-service 0 393 1603 window [1] (reportControllers.js — skillService — yr_default) 0 98 1612 shared-process 0 0 9536 /bin/ps -ax -o pid=,ppid=,pcpu=,pmem=,command= 0 98 1613 fileWatcher [1] 0 197 1910 extensionHost [1] 0 98 2123 electron-nodejs (/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin) --ms-enable-electron-run-as-node --max-old-space-size=3072 /Applications/Visual Studio Code.app/Contents/Resources/app/extensions/node_modules/typescript/lib/tsserver.js --serverMode partialSemantic --useInferredProjectPerProjectRoot --disableAutomaticTypingAcquisition --cancellationPipeName /var/folders/zx/fg9k3bwn3wgccbq66_4vhgyr0000gn/T/vscode-typescript501/b7a62786b7b15543f822/tscancellation-c4629b92d6f66f251925.tmp* --locale en --noGetErrOnBackgroundUpdate --validateDefaultNpmLocation --useNodeIpc) 0 197 2124 electron-nodejs (/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin) --ms-enable-electron-run-as-node --max-old-space-size=3072 /Applications/Visual Studio Code.app/Contents/Resources/app/extensions/node_modules/typescript/lib/tsserver.js --useInferredProjectPerProjectRoot --enableTelemetry --cancellationPipeName /var/folders/zx/fg9k3bwn3wgccbq66_4vhgyr0000gn/T/vscode-typescript501/b7a62786b7b15543f822/tscancellation-e2e3dcf2234594778957.tmp* --locale en --noGetErrOnBackgroundUpdate --validateDefaultNpmLocation --useNodeIpc) 0 98 2158 electron-nodejs (/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin) --ms-enable-electron-run-as-node /Applications/Visual Studio Code.app/Contents/Resources/app/extensions/node_modules/typescript/lib/typingsInstaller.js --globalTypingsCacheLocation /Users/nat/Library/Caches/typescript/5.1 --enableTelemetry --typesMapLocation /Applications/Visual Studio Code.app/Contents/Resources/app/extensions/node_modules/typescript/lib/typesMap.json --validateDefaultNpmLocation) 0 98 2136 electron-nodejs (/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin) --ms-enable-electron-run-as-node /Users/nat/.vscode/extensions/prisma.prisma-5.1.0/node_modules/@prisma/language-server/dist/src/bin.js --node-ipc --clientProcessId=1910) 0 98 2176 electron-nodejs (/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin) --ms-enable-electron-run-as-node /Users/nat/.vscode/extensions/dbaeumer.vscode-eslint-2.4.2/server/out/eslintServer.js --node-ipc --clientProcessId=1910) 0 98 1911 ptyHost 0 0 1912 /bin/zsh -il 0 98 2247 npm run dev 0 0 2266 node /Users/nat/Desktop/yellowroad/backend/services/skillService/node_modules/.bin/nodemon server.js 0 98 2268 /Users/nat/.nvm/versions/node/v18.17.0/bin/node server.js 0 0 2312 /bin/zsh -il 0 0 2626 /Applications/Xcode.app/Contents/Developer/usr/bin/make start 0 0 2637 sudo docker exec -it frontend sh -c npm run dev 0 0 2643 docker exec -it frontend sh -c npm run dev 0 0 2644 /Applications/Docker.app/Contents/Resources/bin/com.docker.cli exec -it frontend sh -c npm run dev 0 885 2279 window [2] (ShareTableRowActive.jsx — frontend — yr_default) 0 295 2296 extensionHost [2] 0 98 2300 electron-nodejs (/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin) --ms-enable-electron-run-as-node --max-old-space-size=3072 /Applications/Visual Studio Code.app/Contents/Resources/app/extensions/node_modules/typescript/lib/tsserver.js --serverMode partialSemantic --useInferredProjectPerProjectRoot --disableAutomaticTypingAcquisition --cancellationPipeName /var/folders/zx/fg9k3bwn3wgccbq66_4vhgyr0000gn/T/vscode-typescript501/bf76b0c2db95e659186b/tscancellation-d350600cbfa918117502.tmp* --locale en --noGetErrOnBackgroundUpdate --validateDefaultNpmLocation --useNodeIpc) 0 393 2301 electron-nodejs (/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin) --ms-enable-electron-run-as-node --max-old-space-size=3072 /Applications/Visual Studio Code.app/Contents/Resources/app/extensions/node_modules/typescript/lib/tsserver.js --useInferredProjectPerProjectRoot --enableTelemetry --cancellationPipeName /var/folders/zx/fg9k3bwn3wgccbq66_4vhgyr0000gn/T/vscode-typescript501/bf76b0c2db95e659186b/tscancellation-caf7f6caa0d51342c412.tmp* --locale en --noGetErrOnBackgroundUpdate --validateDefaultNpmLocation --useNodeIpc) 0 98 2305 electron-nodejs (/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin) --ms-enable-electron-run-as-node /Applications/Visual Studio Code.app/Contents/Resources/app/extensions/node_modules/typescript/lib/typingsInstaller.js --globalTypingsCacheLocation /Users/nat/Library/Caches/typescript/5.1 --enableTelemetry --typesMapLocation /Applications/Visual Studio Code.app/Contents/Resources/app/extensions/node_modules/typescript/lib/typesMap.json --validateDefaultNpmLocation) 0 98 2302 electron-nodejs (/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin) --ms-enable-electron-run-as-node /Users/nat/.vscode/extensions/prisma.prisma-5.1.0/node_modules/@prisma/language-server/dist/src/bin.js --node-ipc --clientProcessId=2296) 0 98 2401 electron-nodejs (/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin) --ms-enable-electron-run-as-node /Applications/Visual Studio Code.app/Contents/Resources/app/extensions/json-language-features/server/dist/node/jsonServerMain --node-ipc --clientProcessId=2296) 0 98 2593 electron-nodejs (/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin) --ms-enable-electron-run-as-node /Users/nat/.vscode/extensions/dbaeumer.vscode-eslint-2.4.2/server/out/eslintServer.js --node-ipc --clientProcessId=2296) 0 98 2297 fileWatcher [2] 0 98 9531 window [3] (Issue Reporter) ```

Workspace Info

``` | Window (ShareTableRowActive.jsx — frontend — yr_default) | Window (reportControllers.js — skillService — yr_default) | Folder (frontend): 182 files | File types: jsx(119) svg(18) js(8) DS_Store(3) json(3) css(2) env(1) | cjs(1) gitignore(1) yml(1) | Conf files: settings.json(1) dockerfile(1) makefile(1) package.json(1) | Folder (skillService): 77 files | File types: js(26) sql(16) json(3) DS_Store(2) gz(2) env(1) | gitignore(1) md(1) toml(1) prisma(1) | Conf files: settings.json(1) package.json(1); ```

Extensions (16)

Extension|Author (truncated)|Version ---|---|--- multi-cursor-case-preserve|Car|1.0.5 vscode-eslint|dba|2.4.2 es7-react-js-snippets|dsz|4.4.3 gitlens|eam|14.2.1 prettier-vscode|esb|10.1.0 vscode-docker|ms-|1.26.0 python|ms-|2023.14.0 makefile-tools|ms-|0.7.0 excalidraw-editor|pom|3.5.1 postman-for-vscode|Pos|0.6.0 prisma|Pri|5.1.0 vscode-yaml|red|1.14.0 unique-window-colors|stu|1.0.51 pdf|tom|1.2.2 vscode-icons|vsc|12.5.0 vscode-todo-highlight|way|1.0.5

A/B Experiments

``` vsliv368cf:30146710 vsreu685:30147344 python383cf:30185419 vspor879:30202332 vspor708:30202333 vspor363:30204092 vslsvsres303:30308271 vserr242cf:30382550 pythontb:30283811 vsjup518:30340749 pythonptprofiler:30281270 vshan820:30294714 vstes263cf:30335440 vscoreces:30445986 vscod805cf:30301675 binariesv615:30325510 bridge0708:30335490 bridge0723:30353136 vsaa593cf:30376535 pythonvs932:30410667 vscaac:30438847 vsclangdc:30486549 c4g48928:30535728 dsvsc012cf:30540253 pynewext54:30695312 azure-dev_surveyone:30548225 vscccc:30803845 2e4cg342:30602488 89544117:30613380 showlangstatbar:30737416 03d35959:30757346 ecj1e332:30736112 pythonfmttext:30731395 pythoncmvfstrcf:30756944 fixshowwlkth:30771522 showindicator:30805244 pythongtdpath:30769146 i26e3531:30792625 gsofb:30804716 pythonnosmt12:30797651 pythonidxpt:30805730 pythonnoceb:30805159 asynctok:30815620 dsvsc013:30795093 dsvsc014:30804076 diffeditorv1:30812748 ```

[gjsjohnmurray]

Is your local host React site also slow after you close VS Code completely?

[andersonnatt]

@gjsjohnmurray Negative. When I close VS Code and run the app locally using the terminal, it is much faster (same as what I'm seeing on my stage and prod deployments).

[andreamah]

Does this still happen with all extension disabled? If so, can you look in https://github.com/microsoft/vscode/wiki/Performance-Issues to see what is consuming a lot of CPU?

[vscodenpa]

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!