ページ速度が重要なのはなぜですか? あなたをテストして改善する方法
ほとんどのサイトは、ページ速度が遅いために訪問者の約半分を失います。 実際、平均的なデスクトップWebページ 直帰率は42%です、モバイルウェブページの平均直帰率は58%で、クリック後のランディングページの平均直帰率は60〜90%です。 特にモバイルの利用が増え続けており、消費者の注目を集めて維持することが日ごとに難しくなっていることを考えると、決してお世辞の数字ではありません。
グーグルによると、の平均ページ読み込み時間 トップランディングページまだです 遅い12.8秒。 これには、モバイルインターネットアクセスが普及しており、4G速度が世界で最も高い場所が含まれます。
ユーザーの53%がわずか3秒後にページを放棄することを考えると、その平均ページ速度は長すぎます—そしてそれはそこから悪化するだけです:
では、適切なページの読み込み速度はどれくらいですか? ほぼ瞬時.
幸いなことに、解決策があります。 ただし、その前に、ページ速度の重要性について詳しく説明しましょう。
ページ速度が重要な理由
eMarketerは2019年にそれを示しています 世界のデジタル広告支出は316ドルを超える 十億 そして、予見可能な将来にのみ増加するように見えます:
明らかに、ブランドは広告に莫大な金額を費やしており、予算を最大限に活用することを期待しています。 しかし、人々が広告をクリックすると—そして クリック後のランディングページ すぐに読み込めない—数秒以内にクリックバックする可能性が高く、その結果、広告主の予算が無駄になります。
ページ速度のコストへの影響は甚大であり、今後はページ速度を絶対的に優先する必要があります。 独自のデジタル広告キャンペーンを評価する際に考慮すべきいくつかの指標とポイントを次に示します。
品質スコア
ページの読み込みが遅いとユーザーがイライラするだけでなく、品質スコアも低下します。 品質スコアはあなたに直接関係しているので 広告ランク、そして最終的にはクリックごとに支払うことができる金額で、読み込みが遅いページは自然にスコアを減らします。
コンバージョンレート
あなたのページがロードされるのを待つ人が少なければ、コンバージョンする機会を得る人も少なくなります。 彼らはあなたのオファー、特典、行動を促すフレーズなどを見る前にあなたのページを放棄しています。
たとえば小売業では、 XNUMX秒の遅延 モバイルの読み込み時間は、コンバージョン率に最大20%影響を与える可能性があります。
モバイル体験
2016年の半ば、モバイルWebの使用 大量のデスクトップトラフィックを渡しました:
消費者が支出する モバイルでより多くの時間を、マーケターと広告主は適応を余儀なくされました(そして今もそうです)。 配信するXNUMXつの方法 モバイル向けに最適化されたキャンペーン 高速読み込みページを作成することです。
これにより、これらの各問題に対処する#1のページ速度ソリューションが実現します。
AMPランディングページによりページ速度が向上
AMP、 オープンソースフレームワーク 2016年に導入されたこのサービスは、広告主がユーザーエクスペリエンスを何よりも優先する超高速でスムーズに読み込まれるモバイルウェブページを作成する方法を提供します。
AMPページは、スタイリングとブランディングのカスタマイズ性をサポートしながら、ほぼ瞬時の読み込み時間を実現するため、広告主にとって魅力的です。 HTML / CSSとJavaScriptを制限するため、クリック後のランディングページのレンダリングを高速化できます。 また、従来のモバイルページとは異なり、AMPページはGoogle AMPキャッシュによって自動的にキャッシュされるため、Google検索での読み込み時間が短縮されます。
Instapageは、クリック後の最適化のリーダーとして、AMPフレームワークを使用してクリック後のランディングページを作成する機能を提供します。
InstapageAMPビルダー、マーケターと広告主は次のことができます。
- 開発者なしで、Instapageプラットフォームから直接AMPポストクリックランディングページを作成します
- 検証、A / Bテスト、およびAMPページのWordPressまたはカスタムドメインへの公開
- より優れたモバイルエクスペリエンスを提供し、品質スコアを向上させ、より多くのコンバージョンを促進します
革新的な補聴器会社Eargoは、クリック後のエクスペリエンスにAMPを実装して以来、驚異的な成果を上げています。
Instapageを使用してAMPページを作成することに加えて、ページ速度を向上させる方法は他にもいくつかあります。 ここにあなたが始めるためのそれらのXNUMXつがあります。
ページ速度を向上させる3つの他の方法
1.ページ速度ツールを活用する
PageSpeed Insightsの あなたのページを0から100ポイントまでスコアリングするGoogleのスピードテストです:
スコアリングは、次のXNUMXつのパラメータに基づいています。
- スクロールせずに見える範囲に読み込まれるまでの時間(ユーザーが新しいページをリクエストした後、ページがスクロールせずに見える範囲にコンテンツを表示するまでの合計時間)
- 全ページの読み込みまでの時間(ユーザーがページを要求した後、ブラウザーがページを完全にレンダリングするのにかかる時間)
スコアが高いほど、ページはより最適化されます。 経験則として、85を超えるものは、ページのパフォーマンスが良好であることを示します。 85未満であり、スコアを上げるためにGoogleが提供する提案を確認する必要があります。
PageSpeed Insightsは、ページのデスクトップバージョンとモバイルバージョンの両方のレポートを提供し、改善のための推奨事項も提供します。
Googleで考える:自分のサイトをテストするは、PageSpeed Insightsチームによって立ち上げられ、モバイルとデスクトップの両方ではなく、モバイルページの速度のみをテストします。 これは、ページの読み込み速度のもうXNUMXつの指標です。
このツールは、読み込み時間を表示し、サイトの各ページを高速化するためのカスタム推奨事項を提供し、完全なレポートを生成するオプションを提供します。
2.完全に最適化された画像(圧縮)
圧縮、サイズ変更、再フォーマットなどで画像を最適化すると、バイトを節約し、ページの読み込み時間を短縮し、モバイルサイトのパフォーマンスを向上させることができます。 中で その他の推奨事項、Googleは、不要な高解像度の画像とGIFを削除し、可能な限り画像をテキストまたはCSSに置き換えるように言っています。
さらに、これらの設定を自動化できるため、圧縮およびサイズ変更された画像の提供がこれまでになく簡単になりました。 たとえば、スクリプトを使用して数百の画像のサイズを自動的に変更および圧縮して、手作業を減らすことができます(AMPページを作成する場合、カスタム画像タグによってこれらの同じ最適化の多くが自動的に行われます)。
非常に多くのオプションが利用可能であるため、最適な画像形式を選択するのは難しい場合があります。 それはすべてユースケースに依存しますが、ここに最も一般的なもののいくつかがあります:
- WebP: 写真と半透明の画像
- JPEG: 透明度のない写真
- PNG: 透明な背景
- SVG: スケーラブルなアイコンと形状
Googleは、画質を損なうことなくJPEGよりも30%高い圧縮を可能にするため、WebPから始めることをお勧めします。
3.スクロールせずに見える範囲のコンテンツに優先順位を付ける
サイトの速度に対するユーザーの認識を改善することは、サイトの速度自体を改善することとほぼ同じくらい重要です。 そのため、画像を最適化したら、正確なタイミングで画像が配信されるようにする必要があります。
これを考慮してください:モバイルデバイスでは、サイトの表示部分は小さな領域に制限されています、 ひだの上。 その結果、スクロールせずに見える範囲にある他の要素がバックグラウンドでダウンロードされている間に、その領域のコンテンツをすばやく読み込むことができます。
注:AMPを独自のものにするのに役立つのは、優先順位付けされたリソースの読み込みが組み込まれているため、最も重要なリソースのみが最初にダウンロードされるようにすることです。
サイト上の画像の数を減らすことは難しい場合があります。特に、多くの製品を扱う小売ブランドの場合はそうですが、これらXNUMXつの戦術を使用して、読み込み時間に対する画像の影響を少なくとも最小限に抑えることが重要です。
AMPでページ速度を上げる
ページの読み込み速度が遅いためにモバイルページの直帰率が高く、コンバージョン率が低い場合は、AMPページが節約になります。
クリック後のAMPページの作成を開始して、訪問者に高速で最適化された関連性の高いモバイルブラウジングエクスペリエンスを提供し、その過程で品質スコアとコンバージョンを向上させます。