商品ページQA

遅い商品ページは、誰かが説明文を読む前に売上を失う

商品ページでは、読み込み時間の1秒1秒が失われたコンバージョンで測られます。モバイル回線の買い物客は、止まったページを見捨てます。そして検索順位も速度を要素に入れるので、重いページは二重に損をします——訪問者が減り、そのうち留まる人も減る。ECページでよくある元凶は画像です——最適化されていないヒーロー画像、フル解像度のギャラリー写真の山、そして長いディテール画像が、本来その何分の一かで済むはずのページに数メガバイトを静かに足していきます。問題は、「私のページは遅い気がする」が勘であって、勘は直せないということです。数字が必要で、しかもそれが出品者に実際に変えられるものへ向けられている必要があります。

Google の PageSpeed Insights は Lighthouse を走らせ、その数字を出してくれます。業界の基準であるのには理由があります。しかしその生のレポートはウェブ開発者向けに作られています——描画をブロックするスクリプトやメインスレッドのタイミングを画像の問題と並べて浮かび上がらせ、リストにとって何が重要かを軸にしたフレーミングはしません。GTmetrix は似たデータの上に見やすいダッシュボードを重ねますが、やはり汎用です。出品者が欲しいのは、同じ信頼できるエンジンの上にECの視点を載せたものです——私の画像は具体的にどれだけ重いのか、そしてこのページはコンバージョンを実際に動かすチェックリストに合格しているのか。

このページ監査ツールは、Google の PageSpeed Insights API——同じ Lighthouse エンジン——を呼び出し、結果を出品者の優先順位を前面に出して提示します——パフォーマンススコア、ページのどれだけが画像でどれを圧縮すべきかを示す画像重量レポート、そしてリストがよく間違える事柄を扱うECチェックリスト。独自のスコアを発明するのではなく、信頼できる情報源の上に焦点を絞ったレンズを載せます。一点、明確にしておくべきこと——このツールはインターネット接続が必要です。 監査を実行するために Google のサーバーへ問い合わせるので、ここにある他のツールと違い、オフラインでは動きません——それはこのツールの仕組みの、正直で避けられない一部です。

何が違うのか

• Google のエンジン、出品者のフレーミング。 スコアは PageSpeed Insights / Lighthouse——標準の基準——から来ており、オンライン出品者が行動できる事柄を軸に再構成されています。
• 画像重量レポート。 ページの何メガバイトが画像で、どれが具体的に重量級かが分かるので、圧縮ツールやリサイザーに通すべきものが正確に分かります。
• ECチェックリスト。 商品ページがよく見落とす事柄の実用的な監査を、生の指標の上に重ねます。
• ブラックボックスではなく、信頼できる情報源。 検証できない作り物のスコアではなく、Google の数字を報告します。
• 無料・登録不要。 任意のAPIキーを使えば、多数の監査を走らせるときに共有の公開クォータを避けられます。
• 正直な制約——インターネットが必要。 Google のAPIを呼び出すので、ブラウザ完結の他ツールのようにはオフラインで動けません。

IMG.DIY と他のページツールの比較

公平に言えば、開発者向けレポートを読むのが苦でないなら、生の PageSpeed Insights はすべてを与えてくれ、権威があります——このツールはまさに同じエンジンの上に乗っています。GTmetrix は履歴の追跡と洗練されたダッシュボードを提供し、継続的な監視には本当に役立ちます。このツールが加えるのはECの視点です——Google の信頼できる測定を取り、画像重量と出品者のチェックリストへ向けるので、出力は「ウェブ性能指標の壁」ではなく「あなたのリストで直すべきはこれ」と読めます。ただ、接続が必要なことは覚えておいてください——設計上、ここでオフラインで動けない唯一のツールです。