問題があるかどうかを確認できます。これらは通常、同様の技術やテンプレートに基づいて構築されているため、これらのページで問題が発生する一般的な原因がある可能性があります。一般的な問題パフォーマンスの問題の多くは、デベロッパーが技術的な修正を実装する必要があります。そのためには、デベロッパー向けのガイドをご覧ください。このセクションでは、こうした指標を改善するために、ビジネスの意思決定者がサポートできる、デベロッパー以外の一般的な問題のいくつかについて説明します。プラットフォームを使用しており、サイトの実際のコーディング方法をある程度管理できる立場にあるか、ビジネスの意思決定者がサイトのデザインを決定したり、予算の優先順位付けを行ったりすることを指します。ウェブページの読み込み速度を測定することを目的としています。リンクがクリックされてから、最も大きなコンテンツ(通常はバナー画像や見出し)がブラウザに表示されるまでの時間を測定します。要素は、ページの読み込み時に最大の要素となり、この例では緑色でハイライト表示されます。秒以内にそのコンテンツが表示されるようにする必要があります。秒以上かかる場合は、エクスペリエンスが悪いと見なされます。影響を与える、ビジネスの意思決定者が影響を及ぼす可能性がある一般的な問題について説明します。多くの場合、ページ自体の読み込み時間を改善することを検討しますが、それを開始するまでに遅れが生じることもしばしばです。秒の良好なしきい値以下にすることは不可能です。Byte(TTFB)は、ウェブページの最初の部分がダウンロードされるまでにかかる時間です。問題については、オーディエンスを把握することが重要です。コンテンツ配信ネットワーク(CDN)を利用すると、サイトのコピーを世界中にキャッシュ保存できるため、ユーザーの近くに配置できます。組み込んでおり、これは自動的に処理されます。サイトがホストされている場所にこれに当てはまるかどうかを確認します。プラットフォームによっては、サービスレベルが異なる場合があります。ロケーションが多くなっています。使用を検討する必要があります。遅くなる一般的な原因の一つに、リダイレクトがあります。指定したりして、リダイレクトの回数を最小限にするようにしてください。キャンペーンで、リダイレクトの回数をできるだけ少なくします。ユーザーを効果的に絞り込めるようにします。地球の反対側にいる、しかし商品を届けることのできないユーザーから大量の新規トラフィックを獲得すると、広告費が無駄になり、ウェブサイトのパフォーマンスに悪影響を及ぼします。キャンペーンでよく使用されます。一意のページのように見えることがあるため、インフラストラクチャでのキャッシュ保存の有効性が低下する可能性があります。インフラストラクチャで無視されるようにしてください。これにより、すでにキャッシュされているページをキャンペーンで活用できるようになります。メディアのパフォーマンスに費用がかかることがあるメディアがページに与える影響を考慮します。通常、画像や動画などのメディアはサイズが大きいため、テキストよりもダウンロードに時間がかかります。これにより、残りのページ読み込みが遅くなることもあります。要素がテキストではなくメディアの場合に特に重要です。表示される画像であるため、サイト上でのメディアの影響を考慮することが重要です。アセットは、テキストの多いサイトよりも豊かな視覚的エクスペリエンスをユーザーに提供できます。したがって、メディアを削除するという選択肢はほとんどありませんが、メディアの費用とその削減方法を認識しておくことで、パフォーマンスの問題を最小限に抑えることができます。カルーセルを使用しない複数の画像で構成されるカルーセルは、適切に実装されていないと複数の画像を同時にダウンロードしなければならない可能性があるため、ページの全体的な読み込み時間に影響を与える可能性があります。エクスペリエンスを提供しないことが多いため、サイトで使用する前に慎重に検討してください。ウェブ用に最適化された画像を使用する次はメディアアセットのサイズですウェブ上の多くの画像は、解像度が高すぎます。エージェンシーから提供されることの多い、フルサイズの印刷品質の画像ではなく、ウェブ用に最適化された画像を提供するようにします。サービスを使用すると、画像をアップロードする前に画像から不要なデータをすばやく削除できます。プラットフォームでは、画像のアップロード時に自動的に最適化が試みられますが、ユーザーのデバイスで画像がどのようなサイズで表示されるかがわからないため、最初は小さい画像から始めることで、大幅な改善が期待できます。動画の取り扱いに細心の注意を払う動画を使用するときは特に配慮する。動画は、ウェブサイトでダウンロードして表示する最大級のコンテンツであり、最も遅いコンテンツであるため、使いすぎないようにしてください。ウェブページの最上部ではなく、下の方に保存する。テストを実施してウェブサイトの変更内容を検証しています。大きな影響を与える可能性があります。ソリューションでは、ウェブサイトがユーザーに最初に表示されるとき、テストの変更が適用されるまで遅延します。これにより、ウェブサイトの元のバージョンが表示されなくなりますが、ユーザーへのウェブサイトの表示が遅れます。この遅延を回避するために、サーバーサイドで他のソリューションを適用します。テストがどのように実施されるか、また、こうした遅延の影響を受けないか、じっくりと確認してください。ソリューションを検討してください。パフォーマンスのコストは、それによってもたらされる潜在的なメリットと比較検討する必要があります。プラクティスを念頭に置く必要があります。テストツールを制限します。テストを一部のユーザーに限定します。テストは、確実な結果を得るために必要な最低限の時間に制限する。テストの実行時間が長くなるほど、ページのパフォーマンスが低下する可能性があります。テストを削除することです。ページの視覚的な安定性(コンテンツの読み込み時にページのコンテンツがどの程度移動するか)を測定します。これは、ユーザーがウェブページを読み始めたものの、その後、コンテンツや広告スロットが増えるため、ユーザーの注意をそらす可能性があります。ページのレイアウトが過度に移動した場合、ユーザーが意図せず間違ったコンテンツをクリックしてしまう可能性もあります。コンテンツの一部が移動されることもあります。type="x-smartling-placeholder"></ph>レイアウトの不安定性がユーザーに悪影響を及ぼす可能性があることを示すスクリーンキャスト。これは、コンテンツのシフト量とシフト量を計算する数式で測定されます。以上の場合は「不良」として表現されます。影響を与える一般的な問題のいくつかを次のセクションで説明します。ページのスクロール時に画像がどのように読み込まれるかを確認する多くのテンプレートでは、最初のページ読み込み時に画面に表示された画像により多くのリソースを提供するために、ページのさらに下流に画像を読み込まないようにしています。ユーザーが下にスクロールすると、画像が読み込まれます。この画像読み込みの手法は、遅延読み込みと呼ばれます。テンプレートでは、遅延読み込みの画像用にスペースを確保する必要があります。これにより、画像の読み込みが始まる前にユーザーが高速でスクロールしても、周囲のコンテンツが移動しないようにする必要があります。テンプレートやプラットフォームがこの機能に対応していない場合は、この機能に対応したテンプレートやプラットフォームに切り替えることを検討してください。コンテンツの途中に配置された広告には注意が必要ですコンテンツの途中に挿入された広告は、コンテンツが押し下げられるリスクがあります。広告の読み込みに少し時間がかかり、前のセクションで説明した画像よりも長くかかることも多いためです。このリスクを軽減するには、一般的なパターンとしてこれをメインページのコンテンツの横に表示します。これを実現する方法は、使用しているプラットフォームや、サイトの構築に使用するテンプレートによって異なります。オファーなど)を追加しないようにします。コンテンツの移動を防ぐことができます。前のセクションと同様に、ここでのオプションはページで使用しているプラットフォームとテンプレートによって異なります。ページの応答性を測定します。応答性では、クリック、タップ、キーボード入力などの操作にページがすばやく反応するかどうかが評価されます。ユーザー入力にすぐに反応しないページは動作が遅く、ユーザーをフラストレーションさせる可能性があります。type="x-smartling-placeholder"></ph>応答性が悪い例と良い例左側では、長時間のタスクがあるとアコーディオンが開かなくなります。その結果、ユーザーはエクスペリエンスが損なわれていると思い、複数回クリックすることになります。メインスレッドが追いつくと、遅延した入力を処理するため、アコーディオンが予期せず開閉します。ページが存在する限り、対象となる各インタラクションをすべて測定し、最悪のインタラクションを報告します。最適化が難しい指標です。これらの指標が低いしきい値内にある場合、通常は、ウェブページの動作が大きすぎるためインタラクションが遅延するためです。この場合の主な解決策は、不要なコードを削除してページを軽量化することです。影響を与える一般的な問題については、次のセクションで説明します。大掃除を始めましょう!サイトに追加したプラグインやウィジェットを確認し、不要になった場合は削除します。多くの場合、プラグインを追加して試用してみるほうが簡単です。役に立たないと感じたら後で忘れずに削除するよりも簡単です。他の多くの方法よりも比較的簡単に最適化できます。マネージャーを使用している場合は、古いキャンペーンが削除されていることを確認します。キャンペーンのコードは各ページでダウンロードしてコンパイルする必要があります。インタラクションが遅くなる可能性があります。エクスペリエンスを向上させるものなのでしょうか。それとも、むしろ悪化しているのでしょうか。特定するのに役立ちます。ウィジェットは必要なページのみに制限するのが理想的です。マップのみを使用している場合は、応答性の問題を引き起こす可能性があるすべてのページにウィジェットを読み込む必要はありません。広告の数を検討する(特にモバイルの場合)広告は多くのビジネスにとって優れた収益化戦略ですが、多くの場合、複雑でリソースを大量に消費します。追加する広告が多いほど多くのリソースが必要となり、ページの読み込み速度が遅くなる可能性があります。デバイスでは特に顕著です。デバイスやノートパソコンほど処理能力のメモリが低下します。type="x-smartling-placeholder"></ph>収益化とパフォーマンスのバランス。収益化とパフォーマンスのバランスを比較検討します。エクスペリエンスの質が原因で、ユーザーが早期に離脱しているのであれば、そうした余分な広告によって、追加している分よりも多くの収益が減っている可能性があります。過度なページサイズを避ける大規模で複雑なページが表示されるには、さらに処理時間がかかります。ウィンドウに表示されるまでに時間がかかります。この時間を短縮するために、どのような場合にページをページ分けするかを検討してください。オーナーがパフォーマンスに影響を与える可能性がある一般的な考慮事項をいくつかご紹介します。デベロッパーに詳しい分析情報をもらう必要があります。パフォーマンスを重視しており、その改善方法についてプラットフォーム固有の専用のアドバイスを提供している場合があります。チームに連絡することもできます。スタックパック機能を使用してプラットフォーム固有の情報が表示されるため、サポートされているプラットフォームのユーザーに適切なアドバイスを案内できます。デベロッパーが行った最新の改善点を活用できるようにしましょう。プロバイダがプラットフォームを(プラットフォームのアップデートを含めて)自動的に管理するからです。デベロッパーが実装した改善をサイトで活用できるようになります。ビジネスはこの維持管理を優先するか、管理を代行するサービスを選択する必要があります。オーナーよりも多くの問題に対処できる可能性があります。パフォーマンスの専門知識を持つデベロッパーであることが理想的です)。ここで紹介した提案がウェブサイトのパフォーマンスの問題を解決するのに十分でない場合は、デベロッパーに相談してください。これまでの例では、デベロッパーと協力してビジネス上の優先事項と開発の判断のバランスを取りながら、ウェブサイトに適したソリューションを見極めることが重要だということも理解していただけたと思います。回限りの作業ではあまりありません。優れたウェブサイトのパフォーマンスを維持するには、ウェブサイトの改善後にウェブサイトの掲載順位が下がらないよう、定期的なモニタリングとメンテナンスが必要になります。まとめウェブサイトは、ビジネスの最初の入り口となることが多いため、ウェブサイトはユーザーにとって快適なエクスペリエンスを提供する必要があります。カスタマーにも当てはまります。したユーザーには、できるだけシームレスなエクスペリエンスを提供し、好ましくない印象を与えるような不満を排除しなければなりません。ウェブが提供するすべての情報を提供することで、ユーザーは他のウェブサイトに対して不満を感じたときに、他のウェブサイトを試すことができます(そして、そうするつもりです)。ウェブサイトを示す指標の一つにすぎません。企業は、ウェブサイトにいくら投資するのか、その投資からどのようなリターンが実現するか、自分で決める必要があります。ライセンスにより使用許諾されます。ライセンスにより使用許諾されます。サイトのポリシーをご覧ください。関連会社の登録商標です。