ブログのユーザー体験を向上させるため、New Relic Browserを導入しました。サイトのパフォーマンスを詳細に分析し、改善点を見つけることで、より快適なブログを提供したいと考えたのが導入のきっかけです。
導入方法 #
New Relic Browserの導入は、以下の手順で行いました。
- New Relicのアカウントを作成し、Browser Monitoringのライセンスを取得します。
- New Relicの管理画面で、アプリケーションを作成し、JavaScriptスニペットを生成します。
- Blowfishテーマを利用している場合、
layouts/partials/extend-head.htmlに生成されたスニペットを埋め込みます。 - ブログを再構築し、変更をデプロイします。
効果 #
New Relic Browserを導入したことで、以下の情報を取得できるようになりました。
- ページのロード時間: どのページに時間がかかっているかを特定し、ボトルネックを解消できます。
- ブラウザの種類とバージョン: 特定のブラウザで問題が発生していないかを確認できます。
- 地理的な場所: どの地域からのアクセスが多いかを把握し、コンテンツを最適化できます。
- JavaScriptのエラー: ブラウザで発生したJavaScriptのエラーを特定し、修正できます。
- SPAのパフォーマンス: シングルページアプリケーションのルーティングやコンポーネントのレンダリング時間を計測できます。
これらの情報を分析することで、ユーザー体験の向上に繋がる改善策を見つけることができます。例えば、ページのロード時間が長い場合は、画像の最適化やCDNの導入を検討できます。JavaScriptのエラーが多い場合は、コードの修正やライブラリのアップデートを行う必要があります。このブログはCloudflareにデプロイしている静的ページなので流石に早いと感じました。
プライバシーポリシーの更新 #
New Relic Browserの導入により、ブログでユーザーの情報を取得するようになったため、プライバシーポリシーの更新が必要になりました。具体的には、以下の点を追記しました。
- 取得する情報の種類: ページロード時間、ブラウザの種類、地理的な場所など、New Relic Browserで取得する情報を明記します。
- 情報の利用目的: 取得した情報を、サイトのパフォーマンス改善やユーザー体験向上に利用することを明記します。
- 情報の第三者提供: New Relicに情報を提供することを明記します。
- プライバシーポリシーの変更: プライバシーポリシーを変更する可能性があることを明記します。
プライバシーポリシーの更新にあたっては、DeepSearchでNew Relic Browserを利用している企業のホームページを調査し、プライバシーポリシーの記述方法を確認しました。次に、Gemini 2.5 Proにプライバシーポリシーの素案を作成してもらい、New Relicのポリシーを参考に微修正することで、プライバシーポリシーの更新を完了しました。