中古車販売・整備工場サイトの表示速度最適化【車両画像50枚×500台でも軽く】
中古車サイトは1台あたり30〜50枚の写真 × 在庫数百台の画像規模で、最適化を怠ると CarSensor・Goo-net に速度で完敗します。CDN + AVIF + lazy loading の3点で在庫数を増やしながら速度を上げる構成が可能です。
▼ あなたのサイトを30秒で採点
01 WHY IT MATTERS
なぜ自動車でこの対策が特に重要か
中古車検討ユーザーは複数サイトを徹底比較する行動で、表示3秒超のサイトは即離脱。CarSensor・Goo-net は強力なCDN + 自動 AVIF配信を実装済で、自社サイトが速度で勝てない限り問い合わせは流れません。在庫の高画質画像は『物が良いことの証明』なので減らさず、配信を最適化します。
02 STEPS · 5 STAGES
具体的に何をすればいいか
STEP 1: CarSensor から取り込んだ画像の自動 AVIF/WebP化
中古車管理ソフト（カーメンテプロ等）から自動連携した画像は最適化されていないことが多い。アップロード時に AVIF/WebP 変換するワークフロー（Cloudflare Polish 等）の導入で在庫1000台でも軽量。
STEP 2: 在庫一覧ページのページネーション + lazy loading
在庫500台を1ページで表示はNG。20台ずつのページネーション + サムネイル lazy loading。virtual scroll で大量データを軽く扱えます。
STEP 3: 360度内装ビューの遅延読み込み
Walkaround360・Spincar等の360度ビューは重い。サムネイル + 「360度ビューを見る」クリックで展開する遅延ローディング方式に。
STEP 4: 車両詳細ページの ギャラリー軽量化 + Above the Fold 最適化
詳細ページの50枚画像は最初の3枚だけ preload + 残りは lazy loading。Above the Fold は車両名・価格・走行距離・年式の核情報を優先表示。
STEP 5: CarSensor / Goo-net 同等のCDN（Cloudflare等）導入
車両画像配信規模が大きいのでCDN必須。Cloudflare Pro $20/月の Polish で自動AVIF/WebP化 + Mirage で接続最適化。月額数千円で速度激変。
03 COMMON FAILURES
自動車でありがちな3つの失敗
FAIL #1
車両写真がスマホ撮影オリジナル（10MB）
営業スタッフがスマホで撮影してそのままアップロードする失敗。CMS側で自動WebP化＋リサイズの仕組みを構築してください。
FAIL #2
全在庫を1ページ無限スクロール
JavaScript で全在庫500台を読み込みは致命的。ページネーション分割が標準。
FAIL #3
Google マップを各車両詳細に embed
「店舗まで何キロか」を示すために各車両ページに Google マップを置くと致命傷。静的地図画像 + リンクで十分です。
04 FAQ
よくある質問
Q. CarSensor から自動取込の画像をどう最適化しますか？＋
Cloudflare Polish（Pro $20/月）で全画像を自動 AVIF/WebP 配信。または、自社CMS側で取込時に sharp / imagemagick で変換する仕組みを構築します。
Q. 中古車サイトはCarSensor でいいので自社サイト速度は気にしなくていいですか？＋
気にすべきです。CarSensor から自社サイトに来た顧客の体験がここで決まり、リピート・口コミ・問い合わせ品質に影響します。
Q. 車両動画を載せたいが重くないか心配＋
lite-youtube-embed で実装すれば、サムネイル + クリックで再生になり初期負荷ゼロ。動画は中古車訴求で強力なので導入推奨です。
05 YOUR TURN
あなたの自動車サイトを30秒で採点
URL を入れるだけで20項目を100点満点で自動採点します。本記事の5ステップが実装できているか、すぐに確認できます。登録不要・完全無料。
RELATED TOPICS
自動車の他のチェックリスト
OTHER INDUSTRIES · 表示速度最適化