VSCodeが重い・遅いときの対処法7選！設定を変えて爆速にする方法

「VSCodeが最近やたら重い…」「入力してから文字が出るまでにラグがある」

そんな悩みを抱えていませんか？

VSCodeは拡張機能を入れすぎたり、設定を放置したりすると、どんどん動作が重くなっていきます。この記事では、VSCodeを軽量化する方法を7つ紹介します。

この記事はこんな人にオススメ

• VSCodeの動作が重くて困っている人
• タイピング時にラグを感じる人
• 軽量化の設定方法を知りたい人

---

VSCodeが重くなる5つの原因

対処法を試す前に、まず「なぜ重いのか」を理解しましょう。原因がわかれば、対処も絞れます。

まず確認すること

• 1. どの操作をした時に重いか（起動時・入力時・保存時など）
• 2. いつから重くなったか（拡張機能を入れた後なら拡張機能が原因の可能性大）
• 3. 特定のプロジェクトだけ重いか（ファイル数・node_modulesが原因かも）

---

VSCode軽量化の方法【効果大】

まずは効果が大きい3つの方法から。大半のケースはこれだけで改善します。

方法1：使わない拡張機能を無効化する

最も効果が大きい対処法です。インストールしているが使っていない拡張機能を無効化しましょう。

操作手順：

無効化の候補になりやすいもの

• テーマ系拡張（使っているもの以外）
• 特定の言語サポート（使っていない言語のもの）
• 「試しに入れてみた」系の拡張機能

方法2：ファイル監視の除外設定

node_modules や .git などの大きなフォルダをファイル監視から除外します。

settings.json に以下を追加：

{
  "files.watcherExclude": {
    "**/.git/objects/**": true,
    "**/.git/subtree-cache/**": true,
    "**/node_modules/**": true,
    "**/.hg/store/**": true,
    "**/dist/**": true,
    "**/.next/**": true,
    "**/build/**": true
  },
  "files.exclude": {
    "**/.git": true,
    "**/node_modules": true,
    "**/dist": true
  }
}

方法3：ミニマップ・描画設定を最適化

視覚的な機能をいくつか無効化することで、レンダリング負荷を下げます。特に editor.minimap.enabled: false は効果抜群です。

{
  "editor.minimap.enabled": false,
  "editor.renderWhitespace": "none",
  "editor.occurrencesHighlight": "off",
  "editor.renderLineHighlight": "none",
  "editor.smoothScrolling": false,
  "editor.cursorBlinking": "solid",
  "editor.cursorSmoothCaretAnimation": "off",
  "breadcrumbs.enabled": false
}

---

まだ重い場合の追加対策

方法1〜3で改善しない場合は、以下も試してみてください。

方法4：TypeScript/JavaScriptサーバーの設定

TypeScriptプロジェクトを扱っている場合に効果があります。

{
  "typescript.disableAutomaticTypeAcquisition": true,
  "typescript.suggestionActions.enabled": false,
  "javascript.suggestionActions.enabled": false,
  "typescript.tsserver.maxTsServerMemory": 4096
}

注意

• `typescript.validate.enable: false` を設定すると型チェックが無効になります。パフォーマンスは上がりますが、型エラーを見逃す可能性があるので慎重に。

方法5：Gitの設定を最適化

大きなリポジトリでは、Gitの自動追跡を抑えるだけで体感が変わります。

{
  "git.autorefresh": false,
  "git.decorations.enabled": false,
  "scm.diffDecorations": "none"
}

Gitをコマンドラインで操作する人は "git.enabled": false で完全に無効化するのもアリです。

方法6：ワークスペースを分割する

大きなプロジェクトを丸ごと開いている場合は、作業に必要なフォルダだけを含むワークスペースを作成しましょう。

ファイル → ワークスペースに名前を付けて保存 → 必要なフォルダのみ追加

フォルダ全体ではなく、作業に必要な部分だけを開くことで負荷が減ります。

方法7：ハードウェアアクセラレーションの変更

グラフィック関連の問題で重くなっている場合の対処法です。

1. Ctrl+Shift+P（Mac：Cmd+Shift+P）でコマンドパレットを開く
2. 「Preferences: Configure Runtime Arguments」を入力して選択
3. argv.json が開く
4. 以下を追加してVSCodeを再起動：

{
  "disable-hardware-acceleration": true
}

注意

• 通常はハードウェアアクセラレーションが有効の方がパフォーマンスは高いです。改善しない場合は設定を削除してください。

---

settings.jsonのまとめ設定（コピペ用）

上記の設定を1つにまとめました。必要なものだけコピーして使ってください。

settings.json を開く方法：Ctrl+Shift+P → 「Open User Settings (JSON)」

{
  // ファイル監視の除外
  "files.watcherExclude": {
    "**/.git/objects/**": true,
    "**/.git/subtree-cache/**": true,
    "**/node_modules/**": true,
    "**/dist/**": true,
    "**/.next/**": true,
    "**/build/**": true
  },
  "files.exclude": {
    "**/.git": true,
    "**/node_modules": true
  },

  // エディター表示の軽量化
  "editor.minimap.enabled": false,
  "editor.renderWhitespace": "none",
  "editor.occurrencesHighlight": "off",
  "editor.renderLineHighlight": "none",
  "editor.smoothScrolling": false,
  "editor.cursorBlinking": "solid",
  "editor.cursorSmoothCaretAnimation": "off",
  "breadcrumbs.enabled": false,

  // TypeScript設定
  "typescript.disableAutomaticTypeAcquisition": true,
  "typescript.suggestionActions.enabled": false,
  "javascript.suggestionActions.enabled": false,
  "typescript.tsserver.maxTsServerMemory": 4096,

  // Git設定
  "git.autorefresh": false,
  "git.decorations.enabled": false
}

設定変更後の確認ポイント

• 設定変更後はVSCodeを再起動する
• 特定の拡張機能を無効化した後、必要な機能が動いているか確認
• 改善しない場合は `Developer: Show Running Extensions` で重い拡張機能を特定

---

まとめ

ポイントまとめ

• VSCodeが重い最大の原因は「拡張機能の入れすぎ」。まず整理しよう
• `node_modules` など大きなフォルダをファイル監視から除外すると効果大
• ミニマップ無効化（`editor.minimap.enabled: false`）は手軽で効果あり
• まずは方法1〜3を試して、それでもダメなら方法4〜7を追加

設定変更は1つずつ試して、効果を確認しながら進めると安全です。一気に全部変えると、どの設定が効いたかわからなくなります。

まずは拡張機能の整理と node_modules の監視除外から始めてみてください。