優れたウェブサイト — 見ればすぐにわかりますよね?ロード時間に気付くことはありません。必要なときにいつでも利用できます。もちろん、エラーはどこにも見つかりません。しかし、サイトのパフォーマンス を測定するの は難しく、改善するのはさらに困難です。
このチュートリアルでは、New Relic を使用してサイトのエクスペリエンスを向上させる方法について説明します。まず、サイトを「計測」することから始めます。これは、訪問ごとに実際のエンドユーザー エクスペリエンスを測定する JavaScript コードを追加することを意味します。そこから、現在のサイトのパフォーマンス、どこを改善できるか、今後どのように監視できるかを知ることができます。
ウェブサイトのパフォーマンスを改善する
サイトを計測する
サイトのパフォーマンスを改善する前に、何が起こっているかを確認する必要があります。New Relic の監視は常に、統合、または関連するテクノロジーからデータを収集して New Relic に報告するコードの一部から始まります。
Web サイトのフロント エンドを監視するには、 ブラウザー監視エージェントの 統合を使用する必要があります。これは、HTML <head>に含める JavaScript の小さなスニペットであり、Google アナリティクスや他のスクリプトと非常によく似ています。
ブラウザー監視エージェントをインストールするには、次の 2 つの基本的な方法があります。
Web ページの <head> を生成するコードの任意の部分に JavaScript スニペットをコピーして貼り付けることで、エージェントを単独でデプロイできます。
APM エージェントのいずれかを使用してバックエンドを監視している場合、ブラウザ監視エージェントを Web ページの適切な部分に自動的に挿入できます。
主要な Web Vitals を確認する
Core Web Vitals は、サイトでのユーザー エクスペリエンスに関する洞察を提供する指標です。低いスコアは多くの場合、エクスペリエンスが悪いことを示しており、エンド ユーザーとの関係が悪化する可能性があります。ニューレリックは これらの指標を追跡するために使用できる機能。
レイテンシーの問題を修正
待ち時間が長いと、ユーザーはイライラし、サイトの使用を完全に停止することさえあります。使用できます サービス全体でレイテンシの問題を特定し、修正を開始します。また、短いチュートリアルを参照して、問題への対処を開始するために高レイテンシの原因を特定する方法を学習することもできます。
JavaScript エラーを減らす
JavaScript エラーは、サイトに多くの問題を引き起こす可能性があり、そのいずれかが顧客のフロントエンド エクスペリエンスに悪影響を及ぼす可能性があります。ニューレリック 統合アプリの JS エラー ページを備えています。
New Relic の機能について詳しく知る
サイトのパフォーマンスを改善するために New Relic で何ができるかについてもっと学ぶ準備はできましたか?ドキュメントをご覧ください をご覧になり、この機能を使用してカスタマー エクスペリエンスを最適化する方法をご覧ください。