不動産会社サイトの表示速度最適化【物件画像10万枚でも軽く配信】
不動産サイトは物件1件あたり10〜20枚の写真 × 物件1000件 = 10〜20万枚の画像を扱う、業種最大の画像配信規模です。SUUMO・ホームズ・アットホームと表示速度で戦うには、CDN + 自動WebP変換 + 適切な遅延読み込みが必須です。
▼ あなたのサイトを30秒で採点
なぜ不動産でこの対策が特に重要か
不動産検索ユーザーは複数物件を見比べる行動で、表示3秒超のサイトは即離脱。Google も不動産サイトは画像最適化を厳しく評価します。SUUMOは強力なCDN + AVIF配信で1秒未満を実現しており、自社サイトでもCDN導入が物件問い合わせ獲得の足腰になります。
具体的に何をすればいいか
STEP 1: CDN導入（Cloudflare / CloudFront）+ 自動WebP配信
Cloudflare（無料プランあり）で全画像をCDN配信 + Polish 機能で自動 WebP 変換。物件画像10万枚を世界中のエッジサーバーから配信、平均応答100ms以下に短縮。月額$0〜$20で導入可能。
STEP 2: 物件一覧ページの lazy loading + virtual scroll
物件1000件を1ページで表示するのは無謀。20件×ページネーション + サムネイル lazy loading + 詳細ページに分離。virtual scroll（react-window等）で大量データを軽く扱えます。
STEP 3: 物件詳細ページのギャラリー軽量化
物件詳細ページの15枚の写真は、最初の3枚だけ preload + 残りは lazy loading。ライトボックス（fancybox等）も lite-photoswipe 等の軽量版に置換。
STEP 4: 物件地図の静的画像 + クリックで Google マップ
全物件詳細ページに Google マップ iframe を置くと重い。Google Maps Static API で静的地図画像 + クリックで Google マップへ遷移、にすると劇的に軽くなります。
STEP 5: 物件動画（VR内覧・360度）の遅延読み込み + サムネイル化
VR内覧・Matterport等の重い埋込は、サムネイル + 「内覧開始」クリックで展開する方式に。初期負荷ゼロで体験は変わりません。
不動産でありがちな3つの失敗
物件写真が iPhone 撮影オリジナル（1枚10MB）
撮影者がリサイズせずアップロードする失敗が多発。アップロード時に自動でWebP化 + 表示サイズへのリサイズの仕組みを CMS 側に組む必要があります。
物件一覧で全1000件のサムネイル一気読み込み
ページネーションなし無限スクロールでサムネイル一気読みは致命的。20件ずつのページ分割が標準。
Google マップを各物件詳細に embed
1000物件 × Google Maps iframe = 全ページが激重に。静的地図 + リンクへ置換が正解です。
よくある質問
Q. Cloudflare を入れるとお金がかかりますか？＋
無料プランで物件画像CDN配信は十分実現可能。月10TBまで無料です。Polish（自動WebP）は Pro プラン（$20/月）から、ただし PageSpeed への影響は無料プランでも大きいです。
Q. SUUMO と同じ速度を出せますか？＋
完全な同水準は難しいですが、近づけることは可能です。CDN + WebP + 適切な lazy loading で多くの不動産サイトはモバイル60→85点に改善します。
Q. VR内覧サービス（Matterport）を使いたいが速度が心配＋
サムネイル + クリック展開なら問題ありません。Matterport は重いですが、ユーザーが見たい時だけ読み込めば初期負荷はゼロです。
あなたの不動産サイトを30秒で採点
URL を入れるだけで42指標を100点満点で自動採点します。本記事の5ステップが実装できているか、すぐに確認できます。登録不要・完全無料。