css / javascriptのソースマップを実運用で使用する場合のパフォーマンスへの影響?
2023-10-01 22:10:20
質問
- ソースマップは本番環境で使用すべきでしょうか?デバッグ以外の利点がありますか?
-
サーバーのラウンドトリップが増えるため、アプリのロード時間に影響を与えるか? ブラウザは
.map
アセットをロードするほど賢いですか? -
ブラウザが
.map
アセットが見つからない場合 (404
エラー) が発生した場合、パフォーマンスに影響があるでしょうか?それを修正することに気を配る必要がありますか?
最後のものを修正するのは
.map
アセットを提供するほど簡単ではないかもしれないことに注意してください。
どのように解決するのですか?
簡単なテストとして チャールズ・ウェブ・プロキシ を使うと、ソースマップが だけ が読み込まれることを示しています。 もし、ページを読み込んだら を使わずに を開くと、ソースマップの http 要求はありません。
この動作は、Chrome 43 と Firefox 38 で同じでした。
というわけで、本番環境への影響はなさそうです。
関連
-
[解決済み] JavaScriptでJSONをきれいに印刷する
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] Javascriptで文字列の最後の文字を切り取るにはどうしたらいいですか?
-
[解決済み] JavaScriptでドロップダウンリストの選択値を取得する
-
[解決済み] JavaScriptでページの一番上までスクロールする?
-
[解決済み] javascript(またはjQuery)を使って::beforeや::afterなどのCSS疑似要素を選択し、操作する。
-
[解決済み] CSSは常にJavascriptより優先されるべきか?
-
[解決済み] JavaScriptのソースマップ(.mapファイル)を利用するにはどうすればよいですか?
-
[解決済み] JavaScriptで文字列を数値に変換する最速の方法は何ですか?
-
[解決済み] 各オブジェクトに?重複
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] javascript の関数から `undefined` と `null` のどちらを返すのが良いのでしょうか?
-
[解決済み] JavaScriptで:hoverのCSSプロパティを変更する
-
[解決済み] Javascript 空の配列の削減
-
[解決済み] jqueryはjavascriptのライブラリなのかフレームワークなのか?[クローズド]
-
[解決済み] JavaScriptでjson-objectのキーを取得する [重複].
-
[解決済み] JavaScriptで長い配列を小さい配列に分割する方法
-
[解決済み] なぜjavascriptのES6 Promisesはresolve後も実行を継続するのですか?
-
[解決済み] javascriptのキャンバスで画像をリサイズする (スムーズ)
-
[解決済み] jQueryのバージョン1、バージョン2、バージョン3の違いは何ですか?[クローズド]