WordPressサイトが2022年にモバイル速度に最適化されていることを確認するための7つのヒント

公開: 2021-08-16

WordPressサイトはモバイル速度に最適化されています

マーケティングリサーチ会社のGartnerによると、2022年には、すべてのオンライン購入の約半分がモバイルデバイスで行われていました。

ウェブサイトの読み込みに3秒以上かかる場合、モバイル訪問者の半数が戻るボタンを押すことを考えると、速度を優先することは、競争に追いつくために極めて重要です。

以下は、2022年以降にモバイル訪問者向けにWordPressサイトを高速化するためにWeb開発者が実行できるいくつかの手順です。

ミリ秒ごとにカウントされる理由

WordPressサイトの読み込みに時間がかかるほど、潜在的な顧客を失う可能性が高くなります。 Googleは現在、モバイル検索のランキングでページ速度を考慮しているため、Webサイトを高速化すると、新しいユーザーにリーチする可能性も高まります。

実際、Googleは徐々に「モバイルファースト」のインデックス作成に移行しています。つまり、Googleの検索アルゴリズムでは、モバイルバージョンのウェブサイトを使用して全体的な検索ランキングを決定します。

Googleは、モバイルサイトの読み込み時間を1秒未満にすることをお勧めします。これはすべての開発者にとって現実的な目標ではないかもしれませんが、2秒を超える読み込み時間は2022年のeコマースWebサイトでは受け入れられないと見なされています。

ページの最適化を開始する前に、いくつかの速度テストを実施し、いくつかのベンチマークを確立します。 Googleのスピードスコアカードは、サイトのモバイル速度が競合他社とどのように比較されているかを示します。

小売店のウェブサイトをお持ちの場合、GoogleのImpact Calculatorを使用すると、モバイルの速度をわずか数秒向上させることで、どれだけの収益を得ることができるかを見積もることができます。

大きな変更を加えるときはいつでも、それが影響を与えたかどうかを確認するためにさらにいくつかのテストを実行してください。低速の3G接続で5秒未満でウェブサイトを読み込むことができれば、ほとんどのユーザーは満足するでしょう。

2022年にWordPressサイトを高速化するためのヒント

1.ウェブサイトをレスポンシブにする

モバイルユーザーは、デスクトップユーザーとは異なる期待を持っています。たとえば、スマートフォンで買い物をしている人は、トランザクションを完了するまでの時間よりも画質を気にしない場合があります。

したがって、実際には、モバイル訪問者にわずかに低い解像度の画像を配信することが有益である可能性があります。高解像度の画像はオンラインストアにとって特に重要ですが、受信したデータのすべてのバイトに料金を支払っているモバイルユーザーを追い払う可能性があります。

したがって、デバイスのモバイル速度に最適化されたアセットサイトを提供することにより、すべてのユーザーに対応するレスポンシブWebデザインを実装する必要があります。

特定のWordPressテーマとプラグインを使用すると、さまざまなユーザーのコンテンツの可視性に優先順位を付けることが簡単になります。 WordPressテンプレートのレスポンシブオプションに移動するだけで、モバイル訪問者に表示される内容をカスタマイズできます。

モバイルユーザーが必ずしも気にしない大きな画像やその他のコンテンツを非表示にすることができます。

それ以外の場合、テーマまたはプラグインにレスポンシブオプションがない場合は、メディアクエリを使用してページの特定の視覚要素を非表示にすることができます。

これらをCSSファイルで定義し、ビューポートのサイズに基づいてページの特定の要素を表示または非表示にすることができます。たとえば、次のスニペットは、ビューポートのサイズが480px未満の場合、CSSクラス.big_imageを非表示にします。

 @media screen and（max-width：480px）{
    .big_image {
        display：none;
    }
}

2.コンテンツ配信ネットワークプロバイダーにサインアップする

モバイル速度に合わせてサイトを最適化する最も簡単な方法は、Webサイトのパフォーマンスのすべての側面をCDNまたはコンテンツ配信ネットワークに投資することです。 CDNは、世界中に戦略的に配置されたサーバーのネットワークです。

ポイントオブプレゼンスと呼ばれるこれらのサーバーは、Webサイトのコピーをホストして、近くおよび遠くの訪問者が一貫したユーザーエクスペリエンスを利用できるようにします。

他の国のユーザーがあなたのウェブサイトをリクエストすると、CDNは地理的に最も近いPOPを介してコンテンツを配信します。 CDNはまた、キャッシュを最適化して、ユーザーが再訪問したときにページがさらに高速に読み込まれるようにします。

CDNは、最初のバイトまでの時間を短縮するだけでなく、忙しい時間帯にホストサーバーからリソースをオフロードできるため、トラフィックの急増による中断がユーザーに発生することはありません。

サイトのコピーは世界中のサーバーに保存されているため、CDNを使用すると、サイトがクラッシュすることはありません。 1つのサーバーに障害が発生した場合、CDNは訪問者を次に近い場所に再ルーティングします。

CDNサービスを使用するその他の利点には、DDoS攻撃に対する保護、SEOの改善などがあります。 CDNに投資すると、Webサイトがすでにグローバルに配布されているため、スケーリングも簡素化されます。

3.画像を最適化する

そういえば、今はJPEGやGIFなどの従来の画像形式からWebPなどのより効率的な代替形式に移行する絶好の機会かもしれません。

この新しい形式は、以前の形式よりも優れた圧縮アルゴリズムを利用しているため、より高品質の画像をより小さなファイルに収めることができます。

したがって、画像を変換すると、ほとんどの訪問者の読み込み時間が短縮されます。新しい画像形式はまだすべてのブラウザでサポートされているわけではありませんが、オプションを提供する必要があります。

多くの場合、画像はWebサイトの重みの大部分を占めるため、画像を最適化するためにできることはすべて、ページの速度にプラスの影響を及ぼします。

HTTPキャッシングディレクティブを利用して、Webサイトの変更されていない要素をリピーターの読み込みを高速化します。

4.AMPプラグインを使用します

Google AMPは、モバイルデバイス向けにウェブサイトを最適化するオープンソースフレームワークです。 AMP WordPressプラグインは、モバイル訪問者にWebサイトの「削除された」バージョンを提供できるようにすることで、レスポンシブWebデザインを容易にします。

Forresterが実施した調査によると、AMPはeコマースウェブサイトのモバイルコンバージョンを20％押し上げました。

5.CSSとJavaScriptの配信を最適化する

HTMLマークアップにJavaScriptとCSSの小さなビットをインライン化すると、遅延とブロックを防ぐのに役立ちます。 Google PageSpeed Insightsは、レンダリングをブロックするコードを特定するのに役立ちます。また、AutoptimizeなどのJavaScriptとCSSの最適化を提供するプラグインが多数あります。

関連記事：モバイルコンバージョン率を上げるための8つの効果的な方法

6.テーマとプラグインを最適化する

テーマとプラグインがパフォーマンスのボトルネックの原因となる場合があります。新しいアップデートを定期的にチェックして、使用しているものがすべて最新のものであることを確認してください。

プラグインの1つが問題の原因であると思われる場合は、問題を特定するまで、ステージングサイトでプラグインを1つずつ非アクティブ化してみてください。カスタムテーマを使用している場合は、デフォルトのWordPressテーマの1つに切り替えて、違いが生じるかどうかを確認してください。

7.キャッシングプラグインをインストールします

キャッシングプラグインをインストールすると、WordPressサイトをさらにキャッシュできるようになり、CDNのみを使用している場合よりもロード時間が短縮されます。

Cache Enablerなどのプラグインは、ページの静的HTMLバージョンを自動的に作成するため、ページの読み込み時に実行する必要のあるPHPプロセスはありません。これは、待ち時間の短縮とモバイル訪問者の満足度の向上を意味します。

概要
モバイルの速度に最適化されたサイトは、1回限りの取り組みではありません。それは動き続けるゴールポストに向けた終わりのないレースです。

サイトが成長し、より多くの訪問者を引き付けるにつれて、分析を使用して、これらの変更がパフォーマンスにどのように影響するかを測定します。ユーザーの進化する期待に追いつくことができるように、新しいWordPressプラグインとアップデートに遅れないようにしてください。