Raygun を使用してページの読み込み時間が遅いことを見つけて修正する

このチュートリアルでは、Raygun を使用して悪いページ読み込み時間を見つけて修正することに焦点を当てます。その前に、ページの読み込み時間がわずかに長いことがなぜこれほど大きな影響を与えるのかについて説明しましょう。

Web サイトを訪問する潜在的なクライアントや顧客に優れた第一印象を与えるためにできる最も重要なことの 1 つは、読み込み速度を向上させることです。

顧客が友人からあなたの会社について聞いたと想像してください。オンラインで製品を販売すると、ユーザーは Web サイトにアクセスして製品を購入できます。さまざまな Web サイトのページの読み込みに時間がかかり、特にその製品を販売しているわけではない場合、顧客がサイトを放棄して他のサイトに移動する可能性が高くなります。

ここでの最初のセールを逃すだけでなく、将来さらに多くの製品を購入する忠実な顧客を獲得する機会も逃します。

これがインターネットの特徴です。数回クリックするだけで、人々はあなたのサイトを離れ、競合他社から何かを購入することができます。ページの読み込み時間が短縮されると、競合他社よりも優位に立つことができ、収益が増加します。

レイガンはどのように役立ちますか?

Raygun は、Real User Monitoring Insights (RUM Insights) を利用して、Web サイトのパフォーマンスとページの読み込み時間を改善します。ここでは「実際のユーザーの監視」という用語が重要です。 WebPagetest や Google Page Speed Insights などのツールを使用して個々のページを最適化できますが、結果は実際のユーザー データに基づくものではありません。一方、Raygun が提供するデータは、Web サイトを訪問する実際のユーザーに基づいています。

Raygun は、サイトの平均ページ速度、最もリクエストの多いページ、最も遅いページなどの情報をより整理された方法で表示します。こうすることで、Web サイトのどのページまたはセクションを最初に最適化する必要があるかを優先できます。

また、さまざまな国のユーザーやさまざまなブラウザを使用しているユーザーに対する Web サイトの読み込み速度を確認することもできます。同様に、モバイル Web サイトとデスクトップ Web サイトの速度を比較できます。

Raygun のもう 1 つの優れた点は、さまざまなユーザーに対して Web サイトがどのように機能するかを表示できることです。たとえば、最も貴重な顧客の 1 人が、読み込みに時間がかかる Web サイトを所有しているとします。この場合、手遅れになる前に、これを理解し、ユーザーのエクスペリエンスを向上させるための措置を講じる必要があります。

この記事の次のいくつかのセクションでは、Raygun を使用してこれらすべてを行う方法を学びます。

Raygun を Web サイトに統合します

Raygun を Web サイトに統合する前に、アカウントに登録する必要があります。このアカウントでは、Raygun のすべての機能に 14 日間無料でアクセスできます。

登録が成功したら、Create Application ボタンをクリックして新しいアプリケーションを作成できます。次の画面でアプリの名前を入力し、いくつかのチェックボックスをオンにして、エラーと実際のユーザー監視の洞察に関する通知を受け取ることができます。

あとは、開発プラットフォームまたはフレームワークを選択するだけです。この場合、JavaScript を使用します。

最後に、監視するすべてのページに追加する必要があるコードが表示されます。次のコードを Web サイトに配置する代わりに、ライブラリの実稼働バージョンまたは開発バージョンをダウンロードして、それを自分で含めることもできます。

リーリー

上記のコード スニペットを 終了タグの前に追加した後、次のコード スニペットを 終了タグの前に配置する必要があります。

リーリー

これ以上コードを追加しないと、Raygun は匿名データの収集を開始します。つまり、サイトがさまざまなユーザーに対してどのように機能するかを確認できますが、それらのユーザーを特定することはできません。

この問題には簡単な解決策があります。次のコードを Web ページに追加するだけで、残りは Raygun が処理します。

リーリー

これら 3 つのコードを追跡するすべてのページに含める必要があります。完了すると、分析できるデータがダッシュボードに表示され始めます。

読み込み時間が遅いページを見つける

Raygun ダッシュボードの [リアル ユーザー モニタリング] セクションには、さまざまな形式でデータを表示する多数のタブがあります。これらすべてのタブを簡単に説明し、そこで提供される情報を使用して読み込み時間が遅いページを見つける方法を説明します。

Live タグは、Web サイトのパフォーマンスのリアルタイムの概要を提供します。 ヘルス スコア など、Web サイトの現在のパフォーマンスを示すさまざまな指標があります。これらすべてのメトリクスの詳細については、Raygun Web サイトの「ライブ」タブにあるドキュメントを参照してください。

現在いる国を示す世界地図も付いています アクティブなユーザー。最近行われたリクエストのリストも確認できます さまざまなユーザー向けの Web サイト。下の画像は、当社の Web サイトからの最新のリクエストを示しています。

[パフォーマンス] タブには、Web サイトのページの読み込み時間の概要を示す 5 つの便利な指標があります。たとえば、読み込み時間の中央値は 1.41 秒です。これは、ページの 50% が 1.41 秒前に読み込まれることを意味します。同様に、P90 読み込み時間 は 6.78 秒で、時間の 90% でサイトが 6.48 秒で読み込まれることを示しています。

これにより、サイトのパフォーマンスがどのようになっているのか、最も遅い 10% のユーザーにとってサイトの速度がどのくらい遅いのかがおおよそわかります。

[パフォーマンス] タブの下部には、最も遅く、最もリクエストの多いページのリストもあります。最も人気のあるページと最も遅いページを知ることは、サイトのどの部分を最初に修正する必要があるかを優先順位付けしたい場合に非常に役立ちます。

Web サイト内のすべてのページはできるだけ早く読み込まれる必要がありますが、一部のページは他のページよりも重要です。したがって、Web サイト上の特定のページのパフォーマンスを理解することに興味があるかもしれません。検索しているページを入力フィールドに入力するだけでこれを行うことができます。これにより、特定のページの中央値、平均、P90 読み込み時間に関する情報が得られます。弊社ホームページのホームページ用データです。

[ セッション ] タブを使用すると、セッションの合計、ユーザーの合計、セッションの長さの中央値など、セッション関連の情報を表示できます。セッション テーブルには、国、期間、合計ページ ビュー、セッションで最後にアクセスしたページなどの情報とともに、過去 150 セッションの概要が表示されます。

虫眼鏡をクリックすると、ユーザーが訪問したページ、それらのページの読み込み時間、セッション中に使用されたブラウザ/デバイスなど、特定のセッションに関する詳細が表示されます。

Users タグは、さまざまなユーザーがあなたの Web サイトにどの程度満足しているかの概要を示します。これは、特定のユーザーがサイトとどのようにやり取りしているのか、また、ページの読み込みに予想よりも時間がかかるかどうか、またその理由を理解したい場合に役立ちます。

他に 3 つのタブがあり、ブラウザー、プラットフォーム、地域ごとのすべてのページ ビューに関する情報が表示されます。この方法により、特定のブラウザまたはプラットフォームでのみ Web ページの読み込みが遅いかどうかを知ることができます。ユーザーの分布についても大まかに把握できます。たとえば、顧客の大多数が特定の国出身なのか、特定のブラウザを使用しているのかを知ると便利です。

Raygun は、Geo タグの先頭に特定の大陸からの訪問者の割合をリストします。その後、ロード時間の分布を含むマップが提供されます。読み込み時間が最も遅い国は赤で塗りつぶされ、読み込み時間が速い国は緑で塗りつぶされます。

特定の国で読み込み時間が常に遅い場合は、時間をかけて詳しく調べてその理由を突き止める価値があるかもしれません。

ページの読み込み時間が遅い問題を修正します

前のセクションでは、Raygun によって収集されたすべてのデータを使用して、どのページの読み込みに時間がかかっているか、またはページの読み込みに通常より時間がかかっている国があるかどうかを判断する方法を学びました。

次に、Raygun を使用して、特定のページまたはサイト全体の読み込みが通常より遅くなる原因となっている可能性がある問題を発見する方法を見てみましょう。

Web サイトの遅いページ読み込み時間を改善することは、特に Web サイトが非常に複雑である場合やページ数が多い場合には非常に困難です。問題は、何を改善する必要があるのか​​、どこから始めればよいのかを見つけることです。

幸いなことに、Raygun は Web サイトを修正するための一般的な洞察を提供します。 [Real User Monitoring] メニューの [Insights] オプションをクリックすると、Raygun がサイトをスキャンして潜在的な問題がないかどうかを確認します。これらすべてのルールのリストは、Raygun の公式ドキュメントで見つけることができます。リストされているすべての問題に対処すると、Web サイトの速度が大幅に向上します。

これらの一般的なガイドラインに従うことに加えて、読み込みが遅いページを分離することもできます。それらを分離すると、Raygun は、DNS、遅延、SSL ハンドシェイクなどを解決するのにどれくらい時間がかかるかを表示します。これにより、ページの読み込み時間を短縮するためにどこを改善できるかが明確になります。下の図を見れば一目瞭然です。

データをフィルタリングして、特定のページの読み込み時間とそれに影響を与えるさまざまな要因をより正確に把握することもできます。上のグラフは、About Us ページに対して行われたすべてのリクエストの平均レイテンシを示しています。ただし、上部にある フィルターの追加 ボタンをクリックすると、イタリアなどの特定の国の会社概要の読み込み時間グラフのみを表示できます。

特定のページによって行われたすべてのリクエストも下部に表示されます。基本的に、特定のページに読み込まれたすべてのリソースの DNS、遅延、SSL、サーバー、転送時間を表示し、それらのいずれかが原因かどうかを確認できます。

読み込みに時間がかかりすぎるリソースを特定したら、ページの最適化を開始できます。

＃＃＃最終的な考え＃＃＃

このチュートリアルでわかるように、Raygun はページの読み込み時間を改善したい組織にとって非常に役立ちます。統合は非常に簡単で、統合が成功すると、ユーザー側の介入なしでデータがダッシュボードに表示され始めます。

Raygun には、収集したデータを整理するためのさまざまなタブもあり、より簡単かつ効率的に分析できるようになります。たとえば、さまざまな国、ブラウザ、プラットフォームの読み込み時間を表示できます。また、特定のデータセットを残りのデータから分離し、注意深く分析するために使用できるフィルターもあります。

あなたまたはあなたの会社が、実際のユーザーが Web サイトとどのようにやり取りするかについて深い洞察を提供できる、統合が簡単なツールを探している場合は、ぜひ Raygun を試してみてください。最初の 14 日間は無料なので、失うものは何もありません。

ここにいる間に、Raygun に関する他のチュートリアルもチェックしてください。

以上がRaygun を使用してページの読み込み時間が遅いことを見つけて修正するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。