SpeedCurveは、RUM(リアルユーザーモニタリング)機能の大幅なアップデートを発表した。このアップデートでは、Core Web Vitalsスイートに最近追加されたInteraction to Next Paint (INP)メトリクスに関する詳細な分析情報を提供する新機能が導入されている。このアップデートにより、開発者やサイト所有者がウェブページでのユーザーエクスペリエンスを理解し、改善する方法が強化される。
INPはウェブサイトの応答性を示す重要な指標であり、ページがユーザー入力に反応するまでの時間を測定する。SpeedCurveの最新リリースには、INPの要素属性が含まれている。これにより、開発者は応答性の遅延の原因となっているページ上の特定の要素を正確に特定できる。これは、パフォーマンスの問題を診断して対処するために非常に必要なコンテキストを提供するため、Chromiumブラウザーを使用しているユーザーにとって特に有益だ。Chromium以外のブラウザーでは、SpeedCurveはIX(Interaction Metrics)要素の分類を改善し、要素属性の実行可能な代替手段を提供している。
さらに、SpeedCurveではINPをサブパートに分割して、メトリクス内で時間が費やされている場所を分析できるようになった。これには、入力遅延、処理時間、および表示遅延が含まれる。これらのサブパートを分析することで、開発者はメインスレッドをブロックする長いタスク、非効率的なイベントコールバック、レンダリングプロセスを遅くする複雑なDOM構造など、INPスコアが低い根本的な原因を特定できる。
ユーザーがこれらの新機能を活用できるように、SpeedCurveはRUMパフォーマンスダッシュボードにINPヒートマップを統合した。この視覚的なツールにより、ユーザーはGoogleが定義したINPのしきい値を超える要素をすばやく特定できる。これらの要素は色分けされており、200ミリ秒未満は緑、200~500ミリ秒は黄色、500ミリ秒以上は赤で分類される。開発者は75パーセンタイルに焦点を当てることで、ユーザーエクスペリエンスに最も影響を与える問題に的を絞ることができる。
ChromiumブラウザーのRUM診断が進歩したにもかかわらず、SafariでCore Web Vitalsがサポートされていないため、iOSデバイスでのパフォーマンスの最適化という課題は依然として残っている。ただし、Safari用にキャプチャーされたSpeedCurveのIXはプロキシーとして機能し、開発者がAppleプラットフォームでパフォーマンスの問題をトラブルシューティングするのに役立つ。
今後、SpeedCurveはRUM診断機能のさらなる強化に取り組んでいる。同社は、RUMデータをさらに実用的なものにするために、データパイプラインを更新する予定だ。さらに、LCP(Largest Contentful Paint)やCLS(Cumulative Layout Shift、累積レイアウトシフト数)など、その他のCore Web Vitalsの診断機能の向上や、ウェブページのライフサイクル全体の測定の複雑さの増大への対応にも重点を置いている。
SpeedCurveからのこのアップデートは、シームレスなユーザーエクスペリエンスを提供する上でのウェブパフォーマンスメトリクスの重要性を強調している。デジタル環境が進化し続ける中、SpeedCurveのRUMのようなツールは、開発者がユーザーの期待に応え、デジタルの世界で競争力を維持するために不可欠だ。
出典:SpeedCurve
この製品の詳細については、SpeedCurve製品ページをご覧ください。