過去数十年に比べて、今日ではすべてが 100 倍の速度になっているようです。誰もが、そしてすべてが急いでいるように見え、その忙しさはビジネス戦略、計画、ウェブサイトなどにも影響を与えています。
情報を即座に入手すること、ボタンをクリックするだけで金融取引を行うこと、ポケットに 24 時間年中無休で入るエンターテイメントなどがその例です。インターネットは、ユーザーがデータを即座に利用できるようにする要因の 1 つであり、これにより人間の考え方も変わります。そして、企業と同様に、これは私たちにも影響を与えています。
急いでいる人が多いほど、特に待たなければならない場合には、焦りやすくなります。探している情報が数秒以内に入手できない場合、その情報を入手する別の方法を見つけるでしょう。
そしてそれは現代のビジネスにとって深刻な問題であり、収益に大きな影響を与えています。ほとんどの人が一日中携帯電話を使用しているため、モバイル ページの読み込みをできるだけ速くすることがビジネスの最優先事項となります。
モバイル経由のユーザーは通常、よりせっかちで、モバイル ページの読み込みに時間がかかると離れてしまいます。もう 1 つの理由は、モバイル デバイスのプロセッサが低速であり、デスクトップに比べて接続の信頼性が低いことです。 Web サイトが完全にモバイルに最適化されている場合でも、モバイルでの読み込み時間は一般的にデスクトップに比べて遅くなります。
で議論したように、 以前の SEO Jokers ブログ投稿, ページ速度はモバイル SEO の主要な要素であり、広告ランクにも影響します。また、モバイル デバイスのユーザー エクスペリエンス (UX) にも影響し、ランク、潜在的なリーチ、広告の品質、生成される収益にさらに悪影響を及ぼします。
ユーザーの 47% は Web サイトが 2 秒以内に読み込まれることを期待しているのに対し、40% は読み込みに 3 秒以上かかる Web サイトを残すため、データはモバイル ページの読み込み時間を改善する必要性を裏付けています。
ほとんどの専門家は、モバイル ページの読み込みに最適な時間は 3 秒未満であると示唆しています。しかし、それを超えるとハルマゲドンが起こります。人々はパニックに陥り、ウェブサイトを離れて競争に参加し、収益とコンバージョンが減少します。
一方で、その逆も同様です。最速のモバイル ページを備えた Web サイトは、最も多くのトラフィックを獲得し、最適な位置に配置され、全体的に最も多くの潜在ユーザーと既存ユーザーを獲得します。
そのため、モバイル ページでの読み込み時間を最適化してそのメリットを享受できるように Web サイトを最適化するために、ブログ記事全体を費やしました。
モバイル ページの速度がなぜそれほど重要なのでしょうか?
によって提示されたデータ Google で考える は、74% のユーザーが将来そのサイトに戻る可能性が高い一方、モバイル ページのユーザー 67% は、Web サイトがモバイル フレンドリーであれば製品やサービスを購入する可能性が高いことを示しています。
したがって、高速でモバイル対応の Web サイトを持つことには大きな価値があり、トラフィック、新規クライアント、全体的なコンバージョンの可能性が高まります。
上で簡単に説明しましたが、モバイル ページの速度がビジネスに影響を与える最も重要な側面は次の 3 つです。
- 検索ランキング
- 直帰率
- 変換速度
検索ランキング
前述したように, Google はウェブサイトをクロールし、いくつかのツールを使用してウェブサイトの UX とコンテンツがクライアントの検索内容に適切であるかどうかを判断します。その情報を使用して、検索エンジンで Web サイトをランク付けします。
広い意味でのユーザー エクスペリエンスにおいて、モバイル ページの読み込み時間は非常に大きな要因となります。この調査によると、モバイル ページの読み込み速度が優れていると、Google 検索結果のトップ 10 のランキングに大きな影響を与えることがわかりました。
トップ 10 にランク付けされた Web サイトのほとんどは、最大速度を実現するように最適化および設計されているため、上位にランク付けしたい場合は最優先事項にする必要があります。
直帰率
直帰率のパーセンテージは、Web サイトの読み込み速度と密接に関係しています。モバイル ページの読み込み時間が速いほど、直帰率の割合は大幅に減少します。
データによると、直帰率の確率は次のように増加します。 32% モバイル ページの読み込み時間が 1 秒から 3 秒に増加した場合、 90% 1秒から5秒にジャンプした場合。
変換速度
モバイル ページの速度が遅いという論理的な結論は、直帰率が増加し、コンバージョン率も低下するということです。による研究 Google で考える で 1 ～ 2 秒の遅延が発生することがわかりました。 モバイル速度は 20% ものコンバージョン率に影響します。また、遅延が長くなると、直帰率が増加し、最終的にはコンバージョン率が増加します。
これらは、ウェブサイトの直帰率を減らし、コンバージョン率を高めるために、以下で説明するベスト プラクティスを実装することをお勧めする理由の 1 つにすぎません。
モバイルページのスピードテストを行う方法
Web サイトの速度を向上させるプロセスの最初の部分は、モバイル ページの現在のパフォーマンスを測定することです。これには、Web サイトの現在の健全性とモバイル ユーザーの全体的な例外速度の評価が含まれます。
モバイル ページの全体的な健全性と速度の観点から Web サイトを包括的に監査するには、以下を使用することをお勧めします。 Google ライトハウス そして ページスピードに関する洞察デスクトップページとモバイルページの両方でサイトのパフォーマンスを簡単に把握できるためです。
補足として、テスト グループやさまざまなデバイスを使用して UX を分析し、全体的な開始速度、更新速度、他のモバイル ページへの移行速度を確認することもお勧めします。
両方を検討する価値はありますが、 Google ライトハウス そして ページスピードに関する洞察、モバイル ページの速度を評価するのに役立つ追加ツールも含まれているため、続行方法がわかります。
Google PageSpeed Insight
上で指摘した Google SEO ツールの 1 つ、 ページスピードに関する洞察 は、URL の読み込み時間を測定および分析する優れた方法です。このツールは、Web サイトがモバイル ページの必要な速度を最適化できるようにするために特別に作成されました。
このツールの説明は非常に簡単です。
- 開いてください ページスピードに関する洞察
- ウェブサイトの URL を貼り付けます
- 左端の「分析」ボタンをクリックすると、Google がウェブサイトの速度テストを実行します。
- ロードすると、速度に悪影響を与える可能性のある要素をハイライトするレポートが生成されます。
- 「可能な最適化」リストに示された問題を検討して分類した後、残りの最適化されていない要素の影響度のレベルが表示されます。
人生の他のことと同じように、このリストに関しては「優先順位を付けて実行する」必要があります。つまり、最優先事項に取り組み始めてから、残りの事項に取り組むことになります。
ライトハウスのメトリクス
WordPress ウェブサイトをテストするための優れたツール Googleの灯台 は、モバイル ページの状況を知りたい場合に最適な拡張機能です。
- に行く 灯台 拡張機能をブラウザにインストールします
- Web サイトを開いて拡張機能を見つけます
- 拡張機能をクリックし、「レポートの生成」を選択します。
- Lighthouse Report Viewer は、Web サイトのパフォーマンス、アクセシビリティ、ベスト プラクティス、SEO などを表示します。
- 速度を最大化するために通過できる推奨される「機会」を含む、多くの有益な情報を含む内訳レポートが提供されます。
Lighthouse を使用して、便利なモバイル ページのパフォーマンス レポートを生成することもできます。
GTメトリクス
GTmetrix は、デスクトップでの Web サイトのパフォーマンスを測定するのに役立つ無料の便利なツールです。プロ アカウントを購入すると、モバイル ページの Web サイトのパフォーマンスを測定する機能があります。 Lighthouse を利用しており、ページにスコアを付けるだけでなく、スコアを向上させ、同時に Web サイトのパフォーマンスを向上させるための推奨事項も提供します。
このツールの本当に優れている点は、(上の 2 つと同様に) 別のツールとしても機能しますが、プラグインとして Web サイトに追加して、そこからレポートを実行できることです。最も一般的に使用される機能は、スケジュールされたレポート (日次、週次、または月次ベース)、Web サイトのステータスに関するアラート、各要素の削減サイズなどです。
ウェブページテスト
Web サイトのパフォーマンスの分析は、トラフィック、ユーザー、コンバージョンに依存するため、すべての企業にとって繰り返し行われるタスクである必要があります。そのため、WebPageTest というツールの使用もお勧めします。
このツールは、WP (WordPress) Web サイトのどのページの読み込みが遅いのか、また速度を低下させる問題を解決する方法を確認するのに役立ちます。
全体的に見て、自分の Web サイトが最も速く、総合的には最高であると思われるかもしれませんが、上記の機能を有利に活用するために、最初は毎日、主要な問題が解決されたら徐々に週ごと、月ごとに使用することをお勧めします。
その点を考慮して、モバイル ページの高速化に重点を置くための最も重要なポイントのリストを提供しました。
モバイルページの速度を改善する方法
Google のファーストページのポジショニングにとって最も重要な要素の 1 つとして、モバイル ページの読み込み時間はこれまでと同様に重要です。
以下のすべては開発者にとって優先事項であると考えられるべきですが、Web サイトの効率を高めるために重点を置き、並べ替えるために、Web サイトの最も重要な側面を特定の順序で書きませんでした。
1. ファイルを結合する
通常、最新の Web サイトは見た目が美しく、多くのレイヤー、ページ、写真、見た目の魅力、ビデオなどが含まれています。つまり、その見た目の美しさを実現するために多くのコードが記述されています。ただし、これは通常、コードが記述されているファイルが多数存在し、Web サイト全体の速度が低下していることも意味します。
そのため、最初のステップとして、可能な場合は複数のファイルを 1 つに結合することをお勧めします (通常は JavaScript ファイルと CSS ファイル)。別の例としては、複数の JavaScript ファイルがある場合、それらを 1 つに結合できるかどうかを確認することができます (ほぼすべてのファイルに対して同じことができます)。
ベスト プラクティスは、Web サイトの各ページに 1 つあるサイト全体のファイル (たとえば、1 つの HTML、1 つの CSS、1 つの JavaScript) と、サイト上のページ テンプレートごとにテンプレート固有のファイルを用意することです。
2. HTTPリクエストを最小限に抑える
余分なファイルや不要なコードの束と同様に、HTTP リクエストも Web サイトの速度を低下させる最大の要因の 1 つです。これらのリクエストは、ブラウザがサーバーから HTML または CSS ファイルを要求するときに発生します。つまり、Web サイト上のページ上のコンポーネント (画像、ビデオ、スタイルシートなど) が増えるほど、リクエストにかかる時間が長くなり、それに伴い、ページ全体の全体的な読み込み時間。
この問題を解決してモバイル ページの速度を上げる最も早い方法は、次の推奨事項を実装して Web サイトのデザインを簡素化することです。
- Web サイトのページには標準化された数の要素を含めます。ほとんどの推定では、要素の数は 7 を超えないようにしてください。これを実現するには、不要な機能を削除し、コピーを元に戻し、重複するフォームを削除することをお勧めします。
- 可能な限り画像の代わりに CSS を使用してください。角丸、影、グラデーションなどのスタイル効果は、画像自体に設定するのではなく、CSS を使用して簡単に実現できます。その理由は、CSS を使用して同じことをより効率的に実現できるため、Web サイトがより軽量になるためです (多くのレイヤーや様式化された機能を含む画像は通常重いです)。
- スクリプトを削除するか、ページの下部に配置することを検討してください。これにより、Web サイトの HTML コンテンツが最初に読み込まれ (デスクトップ ページとモバイル ページの両方)、ユーザーはスクリプトのダウンロードが完了するまで待つ必要がなくなり、「スクロールせずに見える部分」の読み込み時間が短縮されます。
- すべての画像を 1 つの大きな画像 (CSS スプライト シート内) に結合すると、個々の画像への参照が減り、モバイル ページの読み込み速度が向上します。
3. 画像の最適化
デスクトップページとモバイルページの両方で Web サイトの読み込み時間が遅くなる最も一般的な理由の 1 つは、画像の最適化と圧縮が不適切であることです。その理由は、上で述べたように、大きくて優れたデザインの画像はサイズが大きく、最適化しないと Web サイトの読み込みに影響を与えるためです。
Web サイト上で、適切に読み込むのにページの残りの部分よりも時間がかかる、最適化されていない画像を見つけることができます。また、「画像を新しいタブで開く」機能を使用している場合でも、画像がどれほど大きいかがわかります。
Web サイトの読み込み時間を短縮するには、Web サイトにアップロードする前にすべての画像を (例外なく) 圧縮することをお勧めします。画像を最適化するためのプロの編集プログラムと無料ツールの両方がオンラインにあります。
最適な画像サイズについては、一般に、Web サイトにアップロードする画像は 150 ～ 200 KB を超えてはなりません。それは、大きな画像 (1 ～ 2 MB を超える) は読み込み中に大量の帯域幅を消費し、大量のサーバー リソースを使用し、そして最も重要なことに顧客に迷惑をかけるためです。
完璧な最適化を実現するには、サイズ、src 属性、形式という 3 つの重要な点を考慮する必要があります。
私たちからの追加の役立つヒントは次のとおりです。
- 顧客とサーバーのメリットを最大限に得るために、Web サイトにアップロードする前に画像をトリミングします (たとえば、1200x1200 ピクセルの画像)。
- JPEG が最適な画像形式であるため、GIF、BMB などは避けてください。
- 画像のコメントを必ず削除し、色深度を下げてください。
- 消去 <img src="’…’"> コードにより、サーバーに不要なトラフィックが追加される可能性があります
4. リダイレクトを最小限に抑える
これまでのブログ投稿のほとんどで、リダイレクト (特に他の Web サイトから自分の Web サイトへ) の重要性について説明しました。リダイレクトは、Web サイトが別のアドレスで見つかることを検索エンジンに知らせるのに役立つため、または壊れたサブページの問題を解決したい場合に役立ちます。とリンク。
ただし、人生と同じように、リダイレクトとのバランスも必要です。リダイレクトが多すぎると、サーバーが元の URL を見つけるのに時間がかかるため、Web サイトの速度が大幅に低下する可能性があります。
そのため、ページの読み込みに影響を与えたり、ユーザーの意欲を失わないようにするために、最も重要なリダイレクトのみを保持し、残りのリダイレクトは削除する必要があります。
5. よりシンプルなウェブデザイン
派手で魅力的なデザインはユーザーの注目を集め、関心を高める可能性がありますが、過剰なバナーやポップアップ ウィンドウは、長期的には Web サイトの読み込み時間やページの全体的な UX に悪影響を及ぼします。
そのため、モバイル ページをデザインする際には、どの要素や機能が不可欠で、どの要素や機能が不必要なサイズを追加するだけであるかを分析することをお勧めします。
簡単に言うと、余分な要素、画像、ビデオ、エフェクトが多すぎると、モバイル ページの速度が低下するだけでなく、ユーザーが Web サイトにできるだけ留まろうとしなくなります。
完璧な Web サイトのデザインには、Web サイト訪問者の注意をそぎながら、同時に Web サイト全体の読み込み時間を遅くしない、シンプルで独創的なソリューションが含まれています。
また、Web デザインの開始に役立つ 3 つの重要な原則を説明する役立つビデオも含まれています。
6. 最初に読み込むものを最適化する
これについては上記の重要なポイントの 1 つで簡単に触れていますが、モバイル ページのどの部分を最初に、他の部分よりも速く読み込むかの順序を調整することが重要です。これは通常、クリティカル パス レンダリングと呼ばれます。このレンダリングでは、最初に読み込むヘッダー、ページのコンテンツ、ページの基本レイアウトなどの「重要な要素」を優先し、重要性が低いと考えられる項目を遅らせます。特に次の場合です。より重要なアイテムの読み込みが遅れます。
最も重要な要素の読み込み時間を最初に優先するこのプロセスにより、Web サイトの UX と読み込みエクスペリエンスが大幅に向上する傾向があります。
これは「スクロールせずに見える範囲」の読み込み時間とも呼ばれ、ユーザーが最初に目にする最も重要な要素が読み込まれますが、ページの下にある他のすべての要素を読み込むにはさらに数秒かかります。
7. 不要なプラグインの削除
Web サイトやモバイル ページ (特に WordPress) を可能な限り高速、効果的、スケーラブルにするために使用できるプラグインが多数あります。
ただし、すべてのプラグインが同じように作成されているわけではありません。
YouTube 動画、友人、同僚などから推奨されるものもありますが、特に一度試してサイトに残したまま削除し忘れたプラグインの場合は、モバイル ページの速度に大きな影響を与える傾向があります。 。
プラグインのコーディングが不十分だと、パフォーマンスの問題が発生し、大量のデータが消費される可能性があります。したがって、あまり役に立たない（またはまったく使用されない）プラグインは削除する必要があります。
今後登場するプラグインについても同様です。プラグインにさらに利点と副作用があるかどうかを分析することが問題です。後者がプラグインに当てはまる場合は、プラグインを使用しないほうがよいでしょう。
ほとんどの Web サイトで使用すべき貴重なプラグインは非常にたくさんあります (このブログ記事でもいくつか推奨しています)。残念ながら、最大限の効率を得るために Web サイトにプラグインをいくつ入れる必要があるかについての標準ルールはありません。
また、多くの WordPress プラグインが Web サイトのパフォーマンスとセキュリティにどのような影響を与えるかを分析する短くて役立つビデオも含まれています。
ウェブサイトにプラグインがたくさんあることが必ずしも良いこととは限りません。これらはモバイル ページの読み込み時間に影響を与える可能性があり、セキュリティ侵害や Web サイト全体のパフォーマンスの低下につながる可能性があります。そのため、プラグインを慎重に選択し、すでに存在するあまり役に立たないものは削除することをお勧めします。
8. ウェブサイトを軽量かつ高速に保つ
繰り返しになりますが、モバイル ページのデザインに関連して、最もクールな Web サイトが最も効果的であるとは限りません。 100 万個の要素を使用して注目を集め魅力的にする可能性がありますが、その結果、それらの要素の合計サイズが全体的に大きくなり、読み込み時間の低下につながります。
膨大な量の画像、ビデオ、CSS、JavaScript コードを含む、見た目は美しいものの速度が遅い Web サイトは「コード肥大化」と呼ばれます。これは、Web サイトが余分な不必要なコードで重くなってしまうことです。
これは主に、主要な Web デザインやビジネス原則ではなく、Web サイトの視覚的な側面に焦点を当てているときに発生します。
美しく効率的な Web サイトを作成するための最も一般的なヒントは次のとおりです。
-
シンプルさ
ウェブサイトのデザインも含め、人生の多くのことにおいてシンプルさが鍵となります。過去と現在のウェブサイトを見てみると、大きくて派手で複雑なデザインから、よりモダンでミニマルなデザインへの移行が見られます。
ミニマリズムは Web サイトをデザインする現代的な方法であるだけでなく、Web サイトの速度にも影響を及ぼし、トラフィックの増加、ランキングの上昇、コンバージョンの増加などにつながります。
特にモバイル ページでは、複雑なデザインがユーザーにとって密度が高すぎ、不明確で、混雑している可能性があります。これは、Web サイトの最も重要な部分が影になったり、見落とされたりする可能性があることを意味します。
そのため、最小限でオープンでシンプルで効果的なデザインをお勧めします。
参考として、素晴らしいデザインの 5 つの Web サイトを分解したビデオを含めました。
2. 消去
顧客がソーシャル メディア (またはマーケティング) から当社のモイル ページにアクセスし、(当社の製品/サービスによる) 販売に至るまでのユーザー パスウェイは、可能な限り簡単かつシームレスである必要があります。
手順は少ないほど良いです。
最新のテクノロジーの発展と注意力の持続時間の短縮により、クライアントが必要とする不必要なステップを 1 つ追加しただけでも、収益に悪影響を与えることになります。
ユーザーをホームページ (ランディング ページとして) に誘導し、CTA (ボタン) をクリックするとリード フォームに誘導することで、最も単純なリード ファネルを完成させた Web サイトの例を見てきました。
あなたが Web サイトのクライアントで、製品/サービスについて問い合わせるには 5 つの異なるページをクリックする必要があるシナリオを想像してください。 2 クリックですべてを実行できる同様の Web サイトがあることを知ったら、続行しますか?
この物語の教訓は、現代の人間は自分たちの問題に対して最も簡単で便利な解決策を見つけるということです。つまり、ユーザー エクスペリエンスをさらにシンプルかつ便利にするために、ユーザー パスウェイ (ファネル) の不必要なステップを確実にスキップする必要があります。
ファネルをできるだけシンプルにすると、当然のことながら「コードの肥大化」を防ぎ、最も効果的なコンテンツのみを展開するのに役立ちます。
3. 画像の使用は最小限に
画像は自分の主張を視覚的に伝える優れた方法であり、SEO 上の利点もあります。しかし、人生のあらゆるものと同じように、バランスが重要です。ページ上の写真が多すぎると、モバイル ページの読み込み時間が遅くなり、全体的なトラフィックとコンバージョンが台無しになります。
これは、画像がページの総重量のなんと 63% を占めているという事実によって裏付けられています。これに対する最良の 2 つの戦術は、画像を圧縮することと不要な画像を削除すること、またはその両方を少し行うことです。
9. コードを縮小する
経験豊富な開発者が使用する非常に便利なツールは縮小です。これはコードを合理化するために使用されているテクニックであり、今日から Web サイトに実装できるものです。基本的に、コードの縮小は、冗長で不要なコードを削除することで Web サイトを超軽量にするため、非常に効果的です。
これは、開発界の「最高級の」人だけを対象とした困難なタスクのように見えるかもしれませんが、コードを縮小して最初の結果を得るために使用できる無料のツールがいくつかあります。
不要なコードがないことを確認するために、縮小化には必ず時間をかけてください。長期的には、多くの時間、神経、そして顧客を節約することができます。
10. モバイルキャッシング
Web サイトの読み込みに時間がかかるのは、画像やビデオを読み込む必要があるデータが満載であることが多いためです。そこで登場するのがキャッシュです。
特にモバイル ページの場合、キャッシュを使用すると、ページ要素が自動的に使用可能になるため、将来ページを再度表示するまで待つ必要がなくなり、時間を節約できます。
最も効果的なアプローチは、WordPress Web サイトにプラグインをインストールして、Web サイトの速度、パフォーマンス、SEO、ユーザー エクスペリエンス、コンバージョンを向上させることです。
最も人気のある WordPress キャッシュ プラグインは、W3 Total Cache、WP Rocket、および WP Super Cache です。
11. 複雑な設計の使用を最小限に抑える
レイアウトや過度に複雑なデザインはクールに見えるかもしれませんが、やはりモバイル ページの速度、SEO、コンバージョン率に悪影響を与える傾向があります。また、Google は、Web サイトのレイアウトが突然変更された場合、Cumulative Layout Shift (または CLS) スコアが低い Web サイトにペナルティを課します。
SEO や検索ランキングに加えて、Web サイトのユーザー エクスペリエンス スコアや、可視性やトラフィックにも影響します。
12. 全体的なページ読み込み戦略の作成
検索エンジンは人間のユーザーの行動をモデル化するように構築されており、ユーザーは通常のユーザーと同じようにページや Web サイト全体を体験し、ランク付けします。速度と検索ランキングを同時に改善するには、ページにアクセスした最初の数秒でのユーザーとボットのエクスペリエンスにとって何が重要かを知る必要があります。
そこでページ読み込み戦略が役に立ちます。ページには多くの不可欠な要素があるため、Web サイトのどの要素や部分を最初に読み込むのか、2 番目に読み込むのかなどを指定できます。
標準テキストの重みはそれほど大きくないため、読み込み戦略を最も一般的な原因に集中させて、ページの速度を低下させることができます。
- JavaScript
- 動画
- 画像
まず、Web サイト上の JavaScript を例に挙げます。標準ルールとして、ユーザーは数秒後に Web サイト上のインタラクティブな要素を操作するため、Web サイト上の JavaScript を最初に読み込む必要はありません。たとえば、プラス ボックスやエキスパンダーなどは、JavaScript が必要になる前に一種の「プレースホルダー」として読み込むことができます。
一般に、見た目の良い視覚要素をたくさん与えると、JavaScript の読み込みが遅くなり、重くなります。そのため、ページ読み込み戦略には、ユーザーが最初に読み込んで、ユーザーがページを見ている間にバックグラウンドで JavaScript を読み込めるものを含めるのが理想的です。
さらに、ビデオや画像もあり、たとえ最適化され圧縮されていたとしても、Web サイトの重量は大幅に増加します。ページの下の方に配置されている場合、読み込み時間に遅延を設定していれば、Web サイトの全体的な速度 (およびボットとユーザー エクスペリエンス) には影響しません。
スクロールせずに見える範囲にあるコンテンツに対してページの読み込み戦略を立てる (または読み込みを遅らせる) という概念は、「遅延読み込み」と呼ばれます。これは、遅延、非同期、Google の遅延読み込みなど、さまざまな方法で実現できます。メタタグを読み込んでいます。
繰り返しになりますが、このブログ投稿で一般的に参照されているツールは、画像の遅延読み込みにも適用できる Google PageSpeed Insights です。 Google の「lazy-load」画像タグを使用して画像を最適化することもできます (まだ行っていない場合)。
13. モバイル ページが遅いその他の理由
JavaScript、かさばるコード、最適化されていない画像、Web サイトなど。これらはすべて、ページの読み込みが遅い主な原因について話すときによく参照されます。
しかし、他にもいくつかの理由があります。
たとえば、トラッカー、訪問者セッション、Instagram フィードなどの外部サービスなどのサードパーティ スクリプトに依存すると、ページの読み込み時間が短縮される可能性があるため、賢明に選択してください。また、Web サイトの読み込み時間が遅い原因が見つからない場合は、Web サイトではなくユーザーのインターネット サービス プロバイダー (ISP) に問題がある可能性があります。
最後の考えられる理由は、コード (ユーザーからは隠されている) ですが、依然として Web サイトに負担をかけていることです。コードが役に立たない場合は、Web サイトを軽量かつ機敏にするために削除することをお勧めします。
モバイルページの読み込み時間を改善するための最良のツール
Google のモバイル ページのガイドラインには書かれていないかもしれませんが、モバイル ページのページ速度は、いくつかの理由からモバイル SEO にとって依然として重要です。その 1 つは、Google が各サイトのクロールに費やす時間が限られており、サイトの読み込みを高速化することで、Google がより多くのページをクロールするようになるということです。
Web サイトの速度 (特にモバイル ページ) を改善すると、Web サイト上のより深いページの包括的なクロールだけでなく、新しい Web ページや Web サイト上で公開された新しいコンテンツの検出とインデックス作成が高速化されます。長期的にはオーガニックトラフィック全体に影響を与えることになるでしょう。ページの読み込み速度も Web サイト訪問者のユーザー エクスペリエンスに影響し、直帰率やコンバージョン率に反映されます。
目標は、Google の推奨に従って、すべての Web ページが 1 ～ 2 秒以内に読み込まれるようにして最適化することです。それを超えると直帰率が増加し、コンバージョン率が低下するため、絶対に禁物です。
留意すべき点の 1 つは、デスクトップとモバイル ブラウザでは Web ページの読み込み方が異なることです。モバイル ページでは、リクエストが少なく、より整理されたページを読み込むと、ページが多少大きくても読み込みが速くなりますが、デスクトップでは、リクエストが小さいと読み込みが速くなります。
読み込み速度は、ページの読み込み時にサーバーから取得される、読み込みが必要な要素の数 (ラウンド トリップ リクエスト、または RTR と呼ばれます) にも依存します。そのため、モバイル ページの読み込みページの最適化と改善の重要な部分は、RTR を最小限に抑えることです。
そのため、その目標を達成し、SEO、UX、コンバージョンを長期的に支援するために試せるいくつかのツールとプラグインを推奨しました。
ニトロパック
NitroPack は、Web サイトの速度と全体的なパフォーマンスの最適化に役立つ優れたクラウドベースのツールです。実装速度に関して言えば、他のキャッシュ プラグインと比較して、Nitropack ほど迅速かつ簡単に Web サイトのパフォーマンスを最適化できるキャッシュ プラグインはありません。
また、HTML、CSS、JavaScript の自動最適化機能や、包括的な画像最適化ツールセットも備えています。
マイナス面としては、カスタマーサポートが貧弱であること、市場の他のツールと比較してかなり高価であること、そしてサービス停止の実績があることなどが挙げられます。
WP-ロケット
2013 年にリリースされた WP Rocket は、WordPress Web サイト用に特別に構築されたオールインワンのキャッシュ プラグインで、Web サイトの読み込みの遅さとわかりにくいキャッシュ プラグインの両方の問題を解決します。利点は、使いやすいインターフェイス、最小限のセットアップ、優れたサポートがあり、すぐに市場リーダーとしての存在を確立したことです。 900,000 を超える Web サイトが WordPress の主要なキャッシュ プラグインの 1 つとして進化し続けるのに役立ちます。
一方、他の多くのキャッシュ プラグインには標準の無料バージョンがありますが、WP Rocket には有料バージョンのみがあり、そのプリロード ボットは一部のサーバーで CPU 過負荷を引き起こす可能性があるため、この設定を下げるか無効にすることをお勧めします。
クラウドフレア
Cloudflareは、Webサイトの速度とセキュリティを最適化したいと考えている企業にとって、もう1つの優れたオプションです。簡単に言えば、サイトサーバーと訪問者の間の仲介者として機能することで、Web サイトの読み込み時間を最適化するように設計されています。
上で述べたように、CloudFlare は Web サイトの速度を最適化することに加えて、Web サイトを脅威から保護するセキュリティ機能も提供します。また、Google Analytics が正しく動作していない場合は通知し、すべての静的および動的コンテンツをキャッシュし、セットアップ プロセスとユーザー インターフェイスは非常に直感的です。
さらに、Cloudflareには基本機能をテストできる無料版があり、お金を払ってどのような価値が得られるのかを知ることができることを指摘する価値があります。
逆に、上記のセキュリティ機能は有料プランでのみ利用可能であり、無料プランでは分析データの伝達と更新に 24 時間かかります。私たちはトップにいる一方で、統計と分析の両方の機能には制限がありますが、それでも何もしないよりはマシです。
ペガサス
Web パフォーマンスを最適化するための優れたプラグインの 1 つが Pegasaas です。 Pegasaas には、Web サイトと統合して 30 を超える Web パフォーマンス操作を効率的に実行できる自動 WP プラグイン機能が搭載されているため、中小企業のオーナーが自動化された Web 最適化サービスにアクセスできるように設計されています。
Pegasaas が提供する利点としては、CSS、HTML、JavaScript コード、ページ キャッシュの自動クリア、前景および背景の画像、YouTube ビデオ、スクリプトなどの遅延読み込みが挙げられます。
その他に役立つ便利な機能として、PageSpeed スコア、速度、負荷メトリックのレポート、およびステージング モードがあります。
エッジメッシュ
次に、Edgemesh があります。これは、Web サイトのパフォーマンスを高速化するシンプルかつ高速な方法を提供する Web アクセラレーション テクノロジです。
ユニークなのは、高価なデータセンターのネットワークのみに依存する CDN と比較して、クライアント側のプラットフォームとして機能することです。つまり、Web サイト訪問者は自動的に Smart Mesh ネットワークの一部となり、ピアツーピアでデータを送信できるようになります。
特に指摘しておきたいのは、Edgemesh のセットアップが非常に簡単で、一部の Web サイトで速度が大幅に向上し、需要に応じて自動的に拡張できることが文書化されているということです。無料プランがあるのも注目です。
それは素晴らしいことですが、無料プランでのサポートが限定的であること、非常に基本的なドキュメントが提供されていること、Web サイト訪問者の帯域幅を使用する傾向があることなど、マイナス面もあります。
スピードキット
名前が示すように、Web サイトの応答性を大幅に向上させる方法を探している場合、Speed Kit は最適な選択肢です。簡単に言うと、Web サイトのすべての静的部分をキャッシュし、動的コンテンツを動的に置き換えます。
このキャッシュを使用すると、何かをクリックしてから何かが起こるまでの時間が大幅に短縮され、クライアントにとってはほぼ瞬時になります。
それに加えて、UX、SEO、ページ滞在時間、そしてもちろんウェブサイトのコンバージョン率も向上します。 Speed Kit の分析では、WP Web サイトが 50-300% 高速化され、80% を超えるブラウザをサポートしていることも示されています。
そして、すべての物語には常に 2 つの側面があるため、決定を下す前にレビューを調べることをお勧めします。
クイッククラウド
WordPress Web サイトの静的部分と動的部分をホストできる、優れたパフォーマンスを備えた CDN をお探しの場合は、Quic.cloud も素晴らしいオプションです。最も優れた点は、ユーザーがサイトがホストされている場所から離れている場合でも、Web サイトの読み込みが速くなることです。
Quic.cloud では、WP セキュリティ、画像、その他の最適化などの追加サービスが利用可能で、LiteSpeed のセットアップは全体的に非常に簡単です。それに加えて、寛大で強力な無料枠が提供されます。
一方で、顧客サポートはチケットのみに基づいて機能し、通常は応答が非常に遅く、全体的にわかりにくい価格設定モデルを採用しています。
デスクトップは集客の重要な情報源ですが、モバイル ページはさらに重要です。まだモバイルにあまり注目していない場合は、今日から始めることをお勧めします。
優先度の高いものから低いものまで、モバイル ページの速度の改善は最上位に置くべきです。これは、ランキング、トラフィック、コンバージョン、SEO などのビジネスの非常に多くの側面に影響を与えるためです。また、追加の利益も得られます。競争相手よりも優位に立つことができます。
不可能な仕事のように思えるかもしれませんが、上記の「やるべきこと」リストを分解して原子的に次々と実行していくと、最もやりがいのあるものになります。仮に、最も重要ないくつかの改善だけを行ったとしても、時間と労力を費やす価値は十分にあることがわかります。
今すぐ実装を始めて、Web サイトを高速化し、古いままにして新しいクライアントを引きつけ、読み込み時間の遅さによって別の顧客を失うことのないようにしましょう。
どこから始めればよいかまだわからない場合は、 SEO ジョーカー ウェブサイトのページ速度を最適化し、最終的には結果を生み出す方法について喜んでご相談させていただきます。
詳しく知ることができ、 ここをクリック.
