イベントページの不要な JavaScript を見つけて減らす
初回表示で未使用に見えるコードが、チケット選択、言語切替、フォーム送信で必要になることがあります。削除前に参加者の一連の操作を確認します。対象はサイト自身のコードです。
Boletolibre編集部
公開日
操作状態を測定
初期表示、チケット選択、申込、ナビゲーションを観察します。Lighthouse は未使用の可能性を示し、Coverage は観察中に実行されたコードを示します。未訪問の状態は不要コードとは限りません。[1][2]
削除前に分類
ファイル、部品、経路、担当者、参加者の操作を記録します。廃止済み機能は削除候補で、クリック後に使うコードは遅延読み込み候補です。外部ウィジェットは別に扱います。
範囲を絞って変更
本当に不要な import を除くか、ページごとにコードを分けます。後から読み込む場合は分かりやすい待機表示が必要です。決済や申込を不用意に遅らせません。[3]
同じ経路で再確認
条件をそろえて通信量と処理、イベント情報、価格、フォーム、言語を確認します。トップページだけ速くても購入が失敗すれば改善ではありません。戻す手段を残します。[2]
出典と参考資料
- Remove unused JavaScriptChrome Lighthouse · 確認日
- Coverage: Find unused JavaScript and CSSChrome DevTools · 確認日
- Reduce JavaScript payloads with code splittingweb.dev · 確認日