Performance issues are hard to track down, and a good report is necessary for fixing them.
In addition to the normal issues, please include a profile in performance-related issues.
This extension launches a language server. Perf issue is mostly caused by the language server. Here's how to profile it.
- You need Chrome for profiling.
- Set
scss.dev.serverPort
to a number, say8000
. - Open chrome://inspect/ in Chrome.
- You should see a Node.js remote target like below. That's the VLS process. Click it.
- If you don't see the target, click
Open dedicated DevTools for Node
and in theConnection
tab, clickAdd connection
and addlocalhost:<scss.dev.serverPort>
- If you don't see the target, click
- Go to the
Profiler
tab. ClickStart
. - Edit some SCSS files in your editor.
- Click
Stop
. - Save the profile. Zip it and attach to issue report.