React パフォーマンス監視

ユーザーは気づいていた、 あなたのアプリが遅いことに。
あなたは気づいていなかった。

RPAlert はリアルユーザーの LCP を監視し、パフォーマンスが低下したら Discord・Slack Webhook にすぐアラートを送信します — ユーザーから苦情が届く前に。

1 アプリ永久無料クレジットカード不要5 分でセットアップ
#alerts — RPAlert Server
🤖
RPAlert BotToday at 11:43 PMAPP

⚠️ LCP Alert — my-shop.com

LCP: 4.2sThreshold: 2.5s+68% over limit
Page/products/winter-sale
Detected11:43 PM · Dec 14
Appmy-shop.com
AK
alex11:44 PM
on it, deploying fix now 🔧
Message #alerts
60 秒検知

ユーザーから教えてもらうのをやめよう。

パフォーマンスの劣化は起きる。問題は、あなたが先に気づけるかどうかだ。

RPAlert なし

  • ユーザーが怒りのツイート: 「サイト壊れてるんだけど笑」
  • 朝 9 時に Twitter を見てパニック
  • 昨夜 3 時間、LCP が 6.8s だった
  • 直帰率 15% 急増 → 売上損失

検知までの時間: 約 9 時間(ユーザーが報告してから)

RPAlert あり

  • 午後 11:43、LCP が 4.2s に急上昇
  • 60 秒以内に Discord アラートが届く
  • ユーザーが気づく前に遅い画像を修正
  • 苦情ゼロ。通常通りのビジネス。

検知までの時間: 60 秒未満(自動アラート)

すぐに使える

5 分で稼働開始。

01

SDK をインストール

Next.js アプリにパッケージを 1 つ追加するだけ。設定不要 — ページを自動検出します。

ターミナル
$npm install rpalert-sdk
rpalert-sdk@1.0.0 インストール完了
02

LCP しきい値を設定

アプリにとって「遅い」とはどのくらいか定義します。デフォルト: 2.5 秒 — Google の LCP「良好」基準。

LCP しきい値2.5s
0s良好 ≤2.5s要改善 ≤4s不良 >4s
03

即座にアラートを受け取る

実際のユーザーが遅いページを体験すると、正確な LCP 値とページ URL とともに Discord または Slack(Incoming Webhook)へ通知が届きます。

D

Discord

⚠️ LCP Alert — 4.2s on /products/…

now
#

Slack

⚠️ LCP Alert — 4.2s on /products/…

now

高速を維持するために必要なすべて。

リアルユーザー体験にこだわる React 開発者のために作られました。

リアルユーザー監視

合成テストではなく、実際のブラウザから LCP を計測。すべてのページでユーザーが体験していることを正確に把握します。

Discord & Slack Webhook アラート

Discord または Slack Incoming Webhook 経由でチームのチャットへ即時通知。確認すべきダッシュボードも、無視されるメールもありません。

アプリ別しきい値

アプリによって SLA は異なります。アプリごとにカスタムの LCP しきい値を設定し、自分の基準でアラートを受け取れます。

トレンド履歴

通知履歴と LCP の推移を時系列で確認。重大な問題になる前にパターンを把握できます。

60 秒検知

ページの遅延からチームへのアラートまで 60 秒以内。劣化が起きた瞬間に、何時間も後になってではなく、すぐ気づけます。

インフラ不要

SDK のインストールだけ。エージェントも、サーバーも、DevOps も不要。任意の Next.js または React アプリで動作します。

ライブダッシュボード

アプリのパフォーマンスを一目で把握。

各アプリにクリーンなダッシュボード。すべてのアラート、すべてのトレンドを 1 か所で。

app.rpalert.io/apps/my-shop.com
MS

my-shop.com

監視中
LCP しきい値: 2.5sアクティブアラート 2 件

平均 LCP(24h)

2.1s

本日のアラート

2

P95 LCP

3.9s

最近の通知過去 24 時間

LCP アラート

/products/winter-sale

4.2s/2.5s
2 min ago

LCP アラート

/checkout

3.8s/2.5s
1 hr ago

解決済み

/

1.9s/2.5s
3 hr ago

シンプルで透明な料金体系。

無料で始めて、成長に合わせてスケール。

Free

1 つのアプリの基本監視から始めましょう。

$0/月

永久無料

  • 1 アプリ
  • 10 アラート/月
  • 7 日間保持
  • 5分間隔のアラート
無料で始める
人気 No.1

Pro

成長中のチーム向け。複数アプリを監視してユーザーより先に劣化を検知。

$29.99/月

月額請求

  • 10 アプリ
  • 1,000 アラート/月
  • 30 日間保持
  • リアルタイムアラート
  • メールサポート
Pro を始める

Max

大規模運用向け。大量監視と長期データ保持。

$49.00/月

月額請求

  • 100 アプリ
  • 10,000 アラート/月
  • 90 日間保持
  • リアルタイムアラート
  • 優先メールサポート
  • 新機能への先行アクセス
Max を始める

長期契約なし。

無料で始められます

5 分で
監視を開始しよう。

1 アプリ永久無料。クレジットカード不要。 一度設定すれば、永遠にアラートが届きます。

1 アプリ永久無料任意の React アプリで動作5 分でセットアップ