From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/api/long_tasks_api/index.html | 123 +++++++++++++++++++++++++++++ 1 file changed, 123 insertions(+) create mode 100644 files/ja/web/api/long_tasks_api/index.html (limited to 'files/ja/web/api/long_tasks_api/index.html') diff --git a/files/ja/web/api/long_tasks_api/index.html b/files/ja/web/api/long_tasks_api/index.html new file mode 100644 index 0000000000..f6d3025a6f --- /dev/null +++ b/files/ja/web/api/long_tasks_api/index.html @@ -0,0 +1,123 @@ +--- +title: Long Tasks API +slug: Web/API/Long_Tasks_API +tags: + - API + - Experimental + - Landing + - Long Tasks API + - Overview + - Performance + - PerformanceLongTaskTiming + - Reference + - TaskAttributionTiming + - Web Performance +translation_of: Web/API/Long_Tasks_API +--- +

{{DefaultAPISidebar("Long Tasks")}}

+ +

動機

+ +

実験的な Long Tasks API（長いタスク API）により、50ミリ秒以上かかるタスクを可視化できます。 50ミリ秒のしきい値は、RAIL モデル、特に「Response: process events in under 50ms（応答: 50ミリ秒未満でイベントを処理、英語版を参照のこと）」のセクションから来ています。

+ +

50ミリ秒以上メインスレッドをブロックするタスクは、次のような問題があります。

+ + + +

概念

+ +

Long Tasks API によって使用されるいくつかの重要な用語またはアイデア。

+ +
+
+

長いタスク

+
+
+ +

メイン UI スレッドが50ミリ秒以上ビジーである継続期間。 一般的な例は次のとおりです。

+ + + +

犯人の閲覧コンテキストコンテナ

+ +

「犯人の閲覧コンテキストコンテナ（Culprit browsing context container）」、または略して「コンテナ」は、タスクが発生した最上位ページ、iframe、embed、object です。

+ +

帰属（Attributions）

+ +

タスクが発生したコンテナのリスト。 トップレベルページ内で発生しないタスクの場合、containerId、containerName、containerSrc の各フィールドは、タスクのソースに関する情報を提供することがあります。

+ +

使用法

+ +
var observer = new PerformanceObserver(function(list) {
+    var perfEntries = list.getEntries();
+    for (var i = 0; i < perfEntries.length; i++) {
+        // 長いタスク通知を処理します
+        // 分析とモニタリングについて報告する
+        // ...
+    }
+});
+// 長いタスク通知用のオブザーバーを登録する
+observer.observe({entryTypes: ["longtask"]});
+// この後スクリプトを長時間実行すると、オブザーバー内で
+// "longtask" エントリがキューに入れられ、受信されます。
+
+ +

インターフェイス

+ +
+
{{domxref('PerformanceLongTaskTiming')}}
+
長いタスクのインスタンスを報告します。
+
{{domxref("TaskAttributionTiming")}}
+
 長いタスクに関連する作業とそれに関連するフレームコンテキストに関する情報を返します。
+
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('Long Tasks')}}{{Spec2('Long Tasks')}}初期定義
+ +

ブラウザーの互換性

+ +

PerformanceLongTaskTiming

+ +
+ + +

{{Compat("api.PerformanceLongTaskTiming")}}

+
+ +

TaskAttributionTiming

+ +
+ + +

{{Compat("api.TaskAttributionTiming")}}

+
+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf