Mike Bifulco
BlogWorkAboutNewsletter
Hero

Have you noticed that your favorite IDE has been slow to load lately? Try removing these before losing hope.

How to make VS Code load faster with a little bit of housekeeping

Have you noticed that your favorite IDE has been slow to load lately? Try removing these before losing hope.

🚨Update: 11-24-2021🚨

If you're looking to speed up VS Code and you're also using a Mac with an Apple Silicon Chip (an M1, M1 Pro, or M1 Max), you should read this article first: Massively speed up VS Code loading time on Apple Silicon Macs in one step.

The tips in this article are still perfectly valid, but you'll see much, much better gains from the new tip. Come back here after you've done that.

If you're a user of Visual Studio Code, you may find that over time it feels like new IDE windows are slow to load. In my experience, loading an environment from a cold start (firing up VS Code when it isn't running at all), or opening a window for a new project (File >> New Window) when Code is already running tend to take about the same amount of time.

This is notably different from opening a new tab within the IDE - again, in my experience, once Code is up and running, new tabs take almost no time to fire up.

Why is it slow?

In its most basic form VS Code is fairly performant - a fresh install of the IDE opens very quickly. Over time, if you're anything like me, you've probably installed any number of community-built extensions from the VS Code Marketplace

The Solution

Well, the good news is that this one is exactly as easy as it sounds - you can gain quite a bit of startup performance by removing unused and unnecessary extensions from VS Code, by opening your Extensions pane (Shift + command + X on a mac, likely control + shift + X on Windows/Linux), and typing @installed into the search bar at the top of the list to see which extensions are currently installed. In my case, it looks like this:

VS Code Extensions pane highlighted in red
My installed extensions pane, highlighted in red

Extensions with particularly long load times will have their "Activation Time" highlighted in this list. It's currently shown in the upper-right corner of the extension list item with a load time in milliseconds listed next to it:

VS Code Extensions pane highlighted in red
My installed extensions pane, highlighted in red

How to remove extensions with long activation times from Visual Studio Code

  1. Scan through your list of installed extensions, and remove any you don't use
  2. If there are remaining extensions which have high activation times listed, consider whether there's better options available (and install those!)
  3. If there aren't better options available, you'll either need to live with the load time for a given extension, or choose to bid it farewell. Worth noting here: these extensions are (generally) open-source, so you may want to visit the repo for that extension and search for "activation time" to see if anyone else is running into the same problem. If not, you might want to open an issue and let the maintainers of that extension know you're having trouble, or open a PR if you have a solution to offer up.

...and that should do ya! If you're still running into performance issues after this, it could be any number of things. Are you running out of disk space on your computer? Maybe you're running out of available RAM? Are you running other applications that slow your machine down?

Additionally, if you're a JavaScript or Node app developer, you may want to check out my article on Reclaiming Disk Space from node_modules.

I hope this helps! Feel free to share it with a friend if you found it useful.

This post was inspired by a tweet I let fly recently after playing with load times in Visual Studio Code:

note: Cover photo for this article is from by Djim Loic on Unsplash.

Mike Bifulco headshot

Get content for developers, designers, and entrepreneurs

Subscribe to get my updates delivered to your inbox. Typically 1-2 emails a month, straight from me to you. 😘 Unsubscribe anytime.

More great resources

Articles for developersArticles for JavaScript developersArticles about CSSArticles about User Experience (UX)Articles about tools I useArticles about productivityArticles about Gatsby
Β© 2019-2021 Mike Bifulco
Built with Next. Source code on GitHub.
Disclaimer: πŸ‘‹πŸ½ Hi there. I work as a Developer Advocate at Google. Content on this site contains my own opinions, and does not necessarily reflect the views of my employer.