優れたウェブサイト — 見ればすぐにわかりますよね?ロード時間に気付くことはありません。必要なときにいつでも利用できます。もちろん、エラーはどこにも見つかりません。しかし、サイトのパフォーマンス を測定するの は難しく、改善するのはさらに困難です。
このチュートリアルでは、New Relic を使用してサイトのエクスペリエンスを向上させる方法を説明します。まず、サイトをインストルメント化します。インストルメントとは、訪問ごとに実際のエンドユーザー エクスペリエンスを測定する JavaScript コードを追加することを意味します。そこから、サイトの現在のパフォーマンスを評価する方法、どこを改善できるか、将来の状況にどのように注意を払うかを学びます。
サイトをインストルメント化すると、長期にわたるサイトのパフォーマンスに関する洞察を得ることができます。
サイトに関するパフォーマンス データを取得する
サイトのパフォーマンスを向上させる前に、サイトに何が必要かについて情報に基づいた意思決定を行うためのデータが必要です。New Relic のモニタリングは常に、 統合、つまり関連するテクノロジーからデータを収集して New Relic に報告するコード部分から始まります。
Web サイトのフロントエンドを監視するには、 ブラウザー監視エージェントの 統合を使用する必要があります。これは、HTML <head>に含める JavaScript の小さなスニペットであり、Google アナリティクスや他のスクリプトと非常によく似ています。
をインストールするには 2 つの基本的な方法がありますエージェント：
Web ページの <head> を生成するコードの任意の部分に JavaScript スニペットをコピーして貼り付けることで、エージェントを単独でデプロイできます。
APM エージェントのいずれかを使用してバックエンドを監視している場合、ブラウザ監視エージェントを Web ページの適切な部分に自動的に挿入できます。
サイトのパフォーマンスを分析する
サイトをインストルメント化すると、さまざまな種類のデータを使用してサイトのパフォーマンスを概観できるようになります。
- Core web vitals [コアウェブバイタル]。これらは、サイトのユーザー エクスペリエンスを把握するための指標です。スコアが低い場合はエクスペリエンスが劣悪であることを示していることが多く、エンド ユーザーとの関係が悪化する可能性があります。
- High latency [待ち時間が長い]。これによりユーザーがイライラし、サイトの使用を完全にやめてしまう可能性があります。
- JavaScript errors [JavaScript エラー]。これにより、サイトに多くの問題が発生する可能性があり、そのいずれかが顧客のフロントエンド エクスペリエンスに悪影響を与える可能性があります。New Relic は、JS errors [JS エラー]ページ全体を統合アプリ専用に提供します。
- Benchmarks [ベンチマーク]。必ずしも重大なエラーが発生するわけではなく、サイトのパフォーマンスが許容レベルを下回ることもあります。サービス レベルのベンチマークを作成すると、サイトのパフォーマンスを追跡し、問題が発生する前に問題を特定できます。
残りのチュートリアルを進める準備はできましたか?