イベントサイトの性能予算テンプレート
案内ページ、申込フォーム、外部チケット購入は目的が違います。性能予算はポスターや地図、広告タグを足す前に速度上の合意を記録します。
Boletolibre編集部
公開日
参加者の作業を守る
ページごとに代表 URL と作業を選びます。日時と会場を知る、出演者を探す、申込む、販売元に進むなどです。スマートフォン、同意状態、初回訪問を分けます。外部決済では自サイトの計測範囲を明記します。[2]
体験と容量の両方を決める
主要内容の表示、操作への反応、レイアウトの安定性に加え、画像、JavaScript、CSS、フォントの転送量を記録します。LCP、INP、CLS は異なる体験を表します。単位と測定条件を明示し、外部スクリプトの重複集計を避けます。[2][3]
比較できる基準を測る
URL、版、端末、通信、キャッシュ、同意を保存し、同じ操作を再現します。推定値と実測値を分けます。Lighthouse の点数だけで全訪問者の体験は保証できません。実利用データが無いことを合格扱いしません。[2]
役に立つ機能に予算を使う
動画、地図、タグの依頼者、価値、追加負荷、読込時点を記録します。超過時は軽量化、任意機能の延期、または担当者と期限を定めた例外を選びます。[2]
キャンペーン変更でも見直す
公開前に全行と申込・購入経路を確認します。新しい画像、動画、タグの追加後も再測定し、記録と例外の担当者を決めます。[2]
出典と参考資料
- Website Performance Budget: A Planning WorksheetKinetivy · 確認日
- Performance budgets 101web.dev · 確認日
- Web Vitalsweb.dev · 確認日