Back to top icon

フロントエンドのパフォーマンスを高める

New Relic Browserによるリアルユーザー監視で、クライアント側のアプリケーションの問題を素早く解決し、顧客体験を向上させましょう。

New Relicにサインアップ デモをリクエストする
BrowserとSyntheticsの比較チャート >

クライアント側から自社の業務までを一括管理

環境全体をひとまとめに眺めることで、フロントエンドのパフォーマンスに精通し、ユーザーへの影響をリアルタイムで把握し、最終的な成果を大きく高めることができます。

  • ページロード時間を短縮する
  • エラーにトリアージ方式で対処し、排除する
  • 開発リソースを最も重要な部分に割り当てる

顧客体験を向上させる

リアルユーザー監視を利用すれば、サイトユーザーに関する複雑な情報を目で見て理解できます。重要なユーザーや顧客を全体として把握し、セグメント化により精密な解析を行って、ユーザー体験を向上させる方法を見つけましょう。

  • パフォーマンスのベースラインを決定
  • パフォーマンス予算を設定し、CXベースの目標を生成
  • エラーの低減とページロード時間の短縮によりコンバージョン率を改善

JavaScriptエラーについての深い見識

コードの問題で顧客を苛立たせることがあってはなりません。New Relic BrowserのJavaScriptデバッギングがあれば、スムーズで動的なJavaScript体験を確実に実現できます。

  • 最も重要なJavaScriptエラーを素早く検知して修正
  • ユーザーへの影響が最も大きいエラーを基準に絞り込み
  • 全体的なサイトパフォーマンスの問題を軽減

追加設定なしであらゆるSPAフレームワークに対応

Angular、React.js、Ember、Backbone.js、あるいはカスタムフレームワークなど、どのSPAフレームワークを使用しているかにかかわらず、New Relic BrowserのSPA監視ならシングルページアプリケーションを最大限に活用できます。

  • 顧客エンゲージメントを深く理解
  • JavaScriptやAJAX呼び出しなどの非同期ページエレメントを表示
  • 特に重要なページ上の最もパフォーマンスが遅いリソースをグループ化

AJAX呼び出しを把握する

すべてのデータ呼び出しとルートチェンジが表示され、AJAXパフォーマンスが顧客体験にどのように影響しているかを把握することができます。

  • サイト内で最もリソースを多用するAJAXリクエストをボリューム、レスポンスタイム、コールバックタイム、スループット、データ転送量別にグループ化
  • 実行された呼び出しごとに具体的なURLまで詳細に調査
  • AJAXエンドポイントの問題を示す、よくあるステータスコードを把握
Trulia REI American Eagle Nordstrom Rack

「New Relic Browser shows us exactly where errors occur on our production website—not just for ad hoc page loads, but for interaction with AJAX scripts and even some of our more immersive experiences.」

Louis Bennett, Director of Engineering

「We’ve been evolving site performance from a technical thing to an actual business driver with an impact on conversion and user experience. We’ve started creating performance dashboards that can be leveraged by the business as they think about performance as a business investment.」

Todd Wilson, Director of Platform Engineering

「New Relic provided us with the visibility we needed to detect and remedy what could have been a significant issue on our busiest day of the year. It was this success that led our leadership to fully embrace New Relic, and that launched us on the monitoring journey we continue today.」

Matt Kundrat, Production Support Manager for Digital Technology

「We rely heavily on New Relic to identify where the various cost centers are, and then analyze and implement changes to boost efficiency and help meet that cost-saving goal.」

Roger Hoffmann, Vice President of Technology Operations

New Relic Browserと他のNew Relic製品との連携

logo_apm_white Created with Sketch. logo_mobile_white Created with Sketch. NR_Synthetics_white Created with Sketch.

New Relic Browser + New Relic APM

APMとBrowserを組み合わせて活用すれば、アプリケーションスタック全体で問題を検知し、修正することができます。ビルドとデプロイメントが正しく行われたかを確認し、デプロイメントが顧客体験にどのように影響しているかを把握して、ユーザー満足度と収益への影響の全体像をつかみましょう。

New Relic Browser + New Relic Mobile

MobileとBrowserを組み合わせれば、モバイルアプリケーションからデスクトップへのトランザクションフローを接続して、最もよく機能しているアプリのバージョンを把握し、モバイル/ウェブの体験を包括的に理解することができます。

New Relic Browser + New Relic Synthetics

プリプロダクション段階でSyntheticsを使用することにより、リリース前にデプロイメントのエラーを効果的に防止できるため、自信をもって生産に移れます。比較チャートにより、実トラフィックと合成トラフィックがユーザーにどう影響するかを明確に理解できます。

New Relic Browser + New Relic Insights

InsightsとBrowserを組み合わせれば、サイトパフォーマンスと合わせてビジネス成果の分析、クエリ、視覚化ができます。コードがユーザーの行動にどう影響しているかを把握し、具体的な問題を掘り下げることで、より迅速な改善策を実施しましょう。


New Relic Browserを14日間無料でお試しください

無料アカウントにサインアップし、エージェントをデプロイしてください。数分でフロントエンドパフォーマンスデータの表示が開始されます。クレジットカードは不要です。

無料お試しを開始   デモをリクエストする