vscode: After upgrade to MacOS Monterey, vscode unusable, extremely slow rendering

First, thank you for the great IDE.

My vscode window spans two external monitors. After installing MacOS Monterey, vscode is able to draw about 2 frames per second (it works fine on the laptop display).

Any suggestions on adjusting rendering options?

Version: 1.61.2
Commit: 6cba118ac49a1b88332f312a8f67186f7f3c1643
Date: 2021-10-19T15:49:28.381Z
Electron: 13.5.1
Chrome: 91.0.4472.164
Node.js: 14.16.0
V8: 9.1.269.39-electron.0
OS: Darwin x64 21.1.0

about

About this issue

Original URL
State: closed
Created 3 years ago
Reactions: 11
Comments: 52 (15 by maintainers)

Most upvoted comments

@deepak1556 and everyone here, I was in the process of opening bug in chromium, and I noticed one thing in VSCcode while testing…

Try this thing, Remove everything from your settings.json file and make it {}. Doing thing is not causing the slowness. Both vscode.dev and native VSCode are now working fast like before.

So I believe some property of some extension is causing this effect. I need to perform trial and error to get the extact extension.

EDIT: I might have found the property, it is editor.renderWhitespace. It is set to all, then lag would occur If it is not set, then lag would occur on selection as mentioned by @mattfysh.

So in your settings.json add this "editor.renderWhitespace": "none". Now I think the lag should go away.

Having editor.renderWhitespace:all only had the slowness effect on chrome and edge.Safari and Firefox didn’t lag.

Although this is just a temporary fix because people like me really what that option to be set to “all”.

ShubhamVerma1811 on Nov 8, 2021

@deepak1556 and everyone here, I was in the process of opening bug in chromium, and I noticed one thing in VSCcode while testing…

Try this thing, Remove everything from your settings.json file and make it {}. Doing thing is not causing the slowness. Both vscode.dev and native VSCode are now working fast like before.

So I believe some property of some extension is causing this effect. I need to perform trial and error to get the extact extension.

EDIT: I might have found the property, it is editor.renderWhitespace. It is set to all, then lag would occur If it is not set, then lag would occur on selection as mentioned by @mattfysh.

So in your settings.json add this "editor.renderWhitespace": "none". Now I think the lag should go away.

Having editor.renderWhitespace:all only had the slowness effect on chrome and edge.Safari and Firefox didn’t lag.

Although this is just a temporary fix because people like me really what that option to be set to “all”.

Thanks a lot @ShubhamVerma1811 I got the problem after update my mac, even I change mine to another macpro. But the problem still, after your advise the problem amazing solved !!! Really THANK YOU!!!

leon11081991 on Dec 1, 2021

Thanks @ShubhamVerma1811 - editor.renderWhitespace was indeed the culprit. I’ll set this to none for now

mattfysh on Nov 9, 2021

changing the editor.fontFamily solved my issue

Kamlesh502 on Mar 15, 2022

@ShubhamVerma1811 yes, also please use running https://vscode.dev on chrome browser as the repro scenario when filing the issue as it will be easier for the developers to triage it faster.

deepak1556 on Nov 7, 2021