diff --git a/src/web/app/boot.js b/src/web/app/boot.js
index 41685aadc..4b7d67942 100644
--- a/src/web/app/boot.js
+++ b/src/web/app/boot.js
@@ -65,8 +65,11 @@
 	// Script version
 	const ver = localStorage.getItem('v') || VERSION;
 
+	// Whether in debug mode
+	const isDebug = localStorage.getItem('debug') == 'true';
+
 	// Whether use raw version script
-	const raw = localStorage.getItem('useRawScript') == 'true';
+	const raw = localStorage.getItem('useRawScript') == 'true' && isDebug;
 
 	// Load an app script
 	// Note: 'async' make it possible to load the script asyncly.
diff --git a/src/web/app/desktop/views/components/settings.vue b/src/web/app/desktop/views/components/settings.vue
index 5627da1cc..f0cd69f37 100644
--- a/src/web/app/desktop/views/components/settings.vue
+++ b/src/web/app/desktop/views/components/settings.vue
@@ -162,12 +162,17 @@
 			<mk-switch v-model="debug" text="デバッグモードを有効にする">
 				<span>この設定はブラウザに記憶されます。</span>
 			</mk-switch>
+			<template v-if="debug">
+				<mk-switch v-model="useRawScript" text="生のスクリプトを読み込む">
+					<span>圧縮されていない「生の」スクリプトを使用します。サイズが大きいため、読み込みに時間がかかる場合があります。この設定はブラウザに記憶されます。</span>
+				</mk-switch>
+				<div class="none ui info">
+				<p>%fa:info-circle%Misskeyはソースマップも提供しています。</p>
+			</div>
+			</template>
 			<mk-switch v-model="enableExperimental" text="実験的機能を有効にする">
 				<span>実験的機能を有効にするとMisskeyの動作が不安定になる可能性があります。この設定はブラウザに記憶されます。</span>
 			</mk-switch>
-			<mk-switch v-model="useRawScript" text="生のスクリプトを読み込む">
-				<span>圧縮されていない「生の」スクリプトを使用します。サイズが大きいため、読み込みに時間がかかる場合があります。この設定はブラウザに記憶されます。</span>
-			</mk-switch>
 		</section>
 
 		<section class="other" v-show="page == 'other'">
diff --git a/webpack.config.ts b/webpack.config.ts
index 0fb63499c..878908673 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -244,6 +244,7 @@ module.exports = entries.map(x => {
 		devtool: 'source-map',
 		optimization: {
 			minimize: doMinify
-		}
+		},
+		mode: doMinify ? 'production' : 'development'
 	};
 });