• English日本語한국어
  • ログイン今すぐ開始

この機械翻訳は参考用に提供されます。

英語版と翻訳版に矛盾がある場合は、英語版が優先されます。詳細については、 を参照してください。

問題を作成する

ウェブサイトのパフォーマンスを改善する

優れたウェブサイト — 見ればすぐにわかりますよね?ロード時間に気付くことはありません。必要なときにいつでも利用できます。もちろん、エラーはどこにも見つかりません。しかし、サイトのパフォーマンス を測定するの は難しく、改善するのはさらに困難です。

このチュートリアルでは、New Relic を使用してサイトのエクスペリエンスを向上させる方法について説明します。まず、サイトを「計測」することから始めます。これは、訪問ごとに実際のエンドユーザー エクスペリエンスを測定する JavaScript コードを追加することを意味します。そこから、現在のサイトのパフォーマンス、どこを改善できるか、今後どのように監視できるかを知ることができます。

ウェブサイトのパフォーマンスを改善する

Step 1 of 5

サイトを計測する

サイトのパフォーマンスを改善する前に、何が起こっているかを確認する必要があります。New Relic の監視は常に、統合、または関連するテクノロジーからデータを収集して New Relic に報告するコードの一部から始まります。

Web サイトのフロント エンドを監視するには、 ブラウザー監視エージェントの 統合を使用する必要があります。これは、HTML <head>に含める JavaScript の小さなスニペットであり、Google アナリティクスや他のスクリプトと非常によく似ています。

ブラウザー監視エージェントをインストールするには、次の 2 つの基本的な方法があります。

Web ページの <head> を生成するコードの任意の部分に JavaScript スニペットをコピーして貼り付けることで、エージェントを単独でデプロイできます。

コピー&ペースト スニペットを取得する
インストールオプション

APM エージェントのいずれかを使用してバックエンドを監視している場合、ブラウザ監視エージェントを Web ページの適切な部分に自動的に挿入できます。

Java agent
.NET agent
Node.js agent
PHP agent
Python agent
Ruby agent
Step 2 of 5

主要な Web Vitals を確認する

Core Web Vitals は、サイトでのユーザー エクスペリエンスに関する洞察を提供する指標です。低いスコアは多くの場合、エクスペリエンスが悪いことを示しており、エンド ユーザーとの関係が悪化する可能性があります。ニューレリックは これらの指標を追跡するために使用できる機能。

Step 3 of 5

レイテンシーの問題を修正

待ち時間が長いと、ユーザーはイライラし、サイトの使用を完全に停止することさえあります。使用できます サービス全体でレイテンシの問題を特定し、修正を開始します。また、短いチュートリアルを参照して、問題への対処を開始するために高レイテンシの原因を特定する方法を学習することもできます。

Step 4 of 5

JavaScript エラーを減らす

JavaScript エラーは、サイトに多くの問題を引き起こす可能性があり、そのいずれかが顧客のフロントエンド エクスペリエンスに悪影響を及ぼす可能性があります。ニューレリック 統合アプリの JS エラー ページを備えています。

Step 5 of 5

ベンチマークを確立する

場合によっては、サイトのパフォーマンスが許容レベルを下回ることがありますが、必ずしも重大なエラーが発生するわけではありません。重大なエラーやスパイクがなくても、サイトのパフォーマンスは依然として低く、全体的な顧客満足度に影響を与える可能性があります.サービス レベルのベンチマークを作成して、サイトのパフォーマンスを追跡し、問題が発生する前に問題を特定できます。

New Relic の機能について詳しく知る

サイトのパフォーマンスを改善するために New Relic で何ができるかについてもっと学ぶ準備はできましたか?ドキュメントをご覧ください をご覧になり、この機能を使用してカスタマー エクスペリエンスを最適化する方法をご覧ください。

Copyright © 2023 New Relic Inc.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.