initial commit

20 files changed, 1617 insertions, 0 deletions

diff --git a/files/ja/web/api/performanceresourcetiming/connectend/index.html b/files/ja/web/api/performanceresourcetiming/connectend/index.html
new file mode 100644
index 0000000000..40fe3b3f1d
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/connectend/index.html
@@ -0,0 +1,81 @@
+---
+title: PerformanceResourceTiming.connectEnd
+slug: Web/API/PerformanceResourceTiming/connectEnd
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/connectEnd
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>connectEnd</code></strong> 読み取り専用プロパティは、ブラウザがリソースを取得するためにサーバーへの接続を確立し終わった直後に {{domxref("DOMHighResTimeStamp","timestamp")}} を返します。タイムスタンプ値には、トランスポート接続を確立するための時間間隔、および SSL ハンドシェイクや SOCKS 認証などの他の時間間隔が含まれます。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.connectEnd;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>接続確立後の時間を表す {{domxref("DOMHighResTimeStamp")}}。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントの <code>*Start</code> プロパティと <code>*End</code> プロパティの値が記録されます。</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_start_and_end_properties(p[i]);
+  }
+}
+function print_start_and_end_properties(perfEntry) {
+  // Print timestamps of the *start and *end properties
+  properties = ["connectStart", "connectEnd",
+                "domainLookupStart", "domainLookupEnd",
+                "fetchStart",
+                "redirectStart", "redirectEnd",
+                "requestStart",
+                "responseStart", "responseEnd",
+                "secureConnectionStart"];
+
+  for (var i=0; i &lt; properties.length; i++) {
+    // check each property
+    var supported = properties[i] in perfEntry;
+    if (supported) {
+      var value = perfEntry[properties[i]];
+      console.log("... " + properties[i] + " = " + value);
+    } else {
+      console.log("... " + properties[i] + " = NOT supported");
+    }
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-connectEnd', 'connectEnd')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.connectEnd")}}</p>
diff --git a/files/ja/web/api/performanceresourcetiming/connectstart/index.html b/files/ja/web/api/performanceresourcetiming/connectstart/index.html
new file mode 100644
index 0000000000..b54f982218
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/connectstart/index.html
@@ -0,0 +1,81 @@
+---
+title: PerformanceResourceTiming.connectStart
+slug: Web/API/PerformanceResourceTiming/connectStart
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/connectStart
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>connectStart</code></strong> 読み取り専用プロパティは、リソースを取得するためにユーザエージェントがサーバへの接続の確立を開始する直前に {{domxref("DOMHighResTimeStamp","timestamp")}} を返します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.connectStart;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>ブラウザがリソースを取得するためにサーバーへの接続を確立し始める直前の {{domxref("DOMHighResTimeStamp")}}。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントの <code>*Start</code> プロパティと <code>*End</code> プロパティの値が記録されます。</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_start_and_end_properties(p[i]);
+  }
+}
+function print_start_and_end_properties(perfEntry) {
+  // Print timestamps of the PerformanceEntry *start and *end properties
+  properties = ["connectStart", "connectEnd",
+                "domainLookupStart", "domainLookupEnd",
+                "fetchStart",
+                "redirectStart", "redirectEnd",
+                "requestStart",
+                "responseStart", "responseEnd",
+                "secureConnectionStart"];
+
+  for (var i=0; i &lt; properties.length; i++) {
+    // check each property
+    var supported = properties[i] in perfEntry;
+    if (supported) {
+      var value = perfEntry[properties[i]];
+      console.log("... " + properties[i] + " = " + value);
+    } else {
+      console.log("... " + properties[i] + " = NOT supported");
+    }
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-connectStart', 'connectStart')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.connectStart")}}</p>
diff --git a/files/ja/web/api/performanceresourcetiming/decodedbodysize/index.html b/files/ja/web/api/performanceresourcetiming/decodedbodysize/index.html
new file mode 100644
index 0000000000..bdd65cbb63
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/decodedbodysize/index.html
@@ -0,0 +1,80 @@
+---
+title: PerformanceResourceTiming.decodedBodySize
+slug: Web/API/PerformanceResourceTiming/decodedBodySize
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/decodedBodySize
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>decodedBodySize</code></strong> 読み取り専用プロパティは、適用された content-coding を削除した後、メッセージ本文のフェッチ (HTTP またはキャッシュ) から受信したサイズ (オクテット) を返します。リソースがアプリケーションキャッシュまたはローカルリソースから取得された場合、適用されているコンテンツコーディングを削除した後でペイロードのサイズを返します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.decodedBodySize;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>適用された content-coding を削除した後に、メッセージ本文のフェッチ (HTTP またはキャッシュ) から受け取ったサイズ (オクテット)。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントのサイズプロパティの値が記録されます。</p>
+
+<pre class="brush: js">function log_sizes(perfEntry){
+  // Check for support of the *size properties and print their values
+  // if supported.
+  if ("decodedBodySize" in perfEntry)
+    console.log("decodedBodySize = " + perfEntry.decodedBodySize);
+  else
+    console.log("decodedBodySize = NOT supported");
+
+  if ("encodedBodySize" in perfEntry)
+    console.log("encodedBodySize = " + perfEntry.encodedBodySize);
+  else
+    console.log("encodedBodySize = NOT supported");
+
+  if ("transferSize" in perfEntry)
+    console.log("transferSize = " + perfEntry.transferSize);
+  else
+    console.log("transferSize = NOT supported");
+}
+function check_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    log_sizes(p[i]);
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-decodedBodySize', 'decodedBodySize')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div>
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.decodedBodySize")}}</p>
+</div>
diff --git a/files/ja/web/api/performanceresourcetiming/domainlookupend/index.html b/files/ja/web/api/performanceresourcetiming/domainlookupend/index.html
new file mode 100644
index 0000000000..e778423590
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/domainlookupend/index.html
@@ -0,0 +1,83 @@
+---
+title: PerformanceResourceTiming.domainLookupEnd
+slug: Web/API/PerformanceResourceTiming/domainLookupEnd
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/domainLookupEnd
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>domainLookupEnd</code></strong> 読み取り専用プロパティは、ブラウザがリソースのドメイン名検索を終了した直後に {{domxref("DOMHighResTimeStamp","timestamp")}} を返します。</p>
+
+<p>ユーザエージェントのキャッシュにドメイン情報がある場合、{{domxref("PerformanceResourceTiming.domainLookupStart","domainLookupStart")}} と {{domxref("PerformanceResourceTiming.domainLookupEnd","domainLookupEnd")}} は<span class="tlid-translation translation" lang="ja"><span title="">ユーザエージェントがキャッシュからのドメインデータの取得を開始および終了した時刻を表します。</span></span></p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.domainLookupEnd;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>ブラウザがリソースのドメイン名検索を終了した直後の時間を表す {{domxref("DOMHighResTimeStamp")}}。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントの <code>*Start</code> プロパティと <code>*End</code> プロパティの値が記録されます。</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_start_and_end_properties(p[i]);
+  }
+}
+function print_start_and_end_properties(perfEntry) {
+  // Print timestamps of the *start and *end properties
+  properties = ["connectStart", "connectEnd",
+                "domainLookupStart", "domainLookupEnd",
+                "fetchStart",
+                "redirectStart", "redirectEnd",
+                "requestStart",
+                "responseStart", "responseEnd",
+                "secureConnectionStart"];
+
+  for (var i=0; i &lt; properties.length; i++) {
+    // check each property
+    var supported = properties[i] in perfEntry;
+    if (supported) {
+      var value = perfEntry[properties[i]];
+      console.log("... " + properties[i] + " = " + value);
+    } else {
+      console.log("... " + properties[i] + " = NOT supported");
+    }
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-domainLookupEnd', 'domainLookupEnd')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.domainLookupEnd")}}</p>
diff --git a/files/ja/web/api/performanceresourcetiming/domainlookupstart/index.html b/files/ja/web/api/performanceresourcetiming/domainlookupstart/index.html
new file mode 100644
index 0000000000..1e851881c6
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/domainlookupstart/index.html
@@ -0,0 +1,81 @@
+---
+title: PerformanceResourceTiming.domainLookupStart
+slug: Web/API/PerformanceResourceTiming/domainLookupStart
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/domainLookupStart
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>domainLookupStart</code></strong> 読み取り専用プロパティは、ブラウザがリソースのドメイン名検索を開始する直前に {{domxref("DOMHighResTimeStamp","timestamp")}} を返します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.domainLookupStart;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>ブラウザがリソースのドメイン名検索を開始する直前の {{domxref("DOMHighResTimeStamp")}}。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントの <code>*Start</code> プロパティと <code>*End</code> プロパティの値が記録されます。</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_start_and_end_properties(p[i]);
+  }
+}
+function print_start_and_end_properties(perfEntry) {
+  // Print timestamps of the PerformanceEntry *start and *end properties
+  properties = ["connectStart", "connectEnd",
+                "domainLookupStart", "domainLookupEnd",
+                "fetchStart",
+                "redirectStart", "redirectEnd",
+                "requestStart",
+                "responseStart", "responseEnd",
+                "secureConnectionStart"];
+
+  for (var i=0; i &lt; properties.length; i++) {
+    // check each property
+    var supported = properties[i] in perfEntry;
+    if (supported) {
+      var value = perfEntry[properties[i]];
+      console.log("... " + properties[i] + " = " + value);
+    } else {
+      console.log("... " + properties[i] + " = NOT supported");
+    }
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-domainLookupStart', 'domainLookupStart')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.domainLookupStart")}}</p>
diff --git a/files/ja/web/api/performanceresourcetiming/encodedbodysize/index.html b/files/ja/web/api/performanceresourcetiming/encodedbodysize/index.html
new file mode 100644
index 0000000000..94b4929b28
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/encodedbodysize/index.html
@@ -0,0 +1,82 @@
+---
+title: PerformanceResourceTiming.encodedBodySize
+slug: Web/API/PerformanceResourceTiming/encodedBodySize
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/encodedBodySize
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>encodedBodySize</code></strong> 読み取り専用プロパティは、適用されたコンテンツコーディングを削除する前に、ペイロード本体のフェッチ (HTTP またはキャッシュ) から受信したサイズ (オクテット単位) を表します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<p>リソースがアプリケーションキャッシュまたはローカルリソースから取得された場合は、適用されたコンテンツコーディングを削除する前にペイロードボディのサイズを返す必要があります。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.encodedBodySize;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>適用された content-coding を削除する前に、ペイロード本体のフェッチ (HTTP またはキャッシュ) から受け取ったサイズ (オクテット単位) を表す数値。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントのサイズプロパティの値が記録されます。</p>
+
+<pre class="brush: js">function log_sizes(perfEntry){
+  // Check for support of the PerformanceEntry.*size properties and print their values
+  // if supported.
+  if ("decodedBodySize" in perfEntry)
+    console.log("decodedBodySize = " + perfEntry.decodedBodySize);
+  else
+    console.log("decodedBodySize = NOT supported");
+
+  if ("encodedBodySize" in perfEntry)
+    console.log("encodedBodySize = " + perfEntry.encodedBodySize);
+  else
+    console.log("encodedBodySize = NOT supported");
+
+  if ("transferSize" in perfEntry)
+    console.log("transferSize = " + perfEntry.transferSize);
+  else
+    console.log("transferSize = NOT supported");
+}
+function check_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    log_sizes(p[i]);
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-encodedBodySize', 'encodedBodySize')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div>
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.encodedBodySize")}}</p>
+</div>
diff --git a/files/ja/web/api/performanceresourcetiming/fetchstart/index.html b/files/ja/web/api/performanceresourcetiming/fetchstart/index.html
new file mode 100644
index 0000000000..73a15ec3dd
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/fetchstart/index.html
@@ -0,0 +1,83 @@
+---
+title: PerformanceResourceTiming.fetchStart
+slug: Web/API/PerformanceResourceTiming/fetchStart
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/fetchStart
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>fetchStart</code></strong> 読み取り専用プロパティは、ブラウザがリソースの取得を開始する直前の {{domxref("DOMHighResTimeStamp","timestamp")}} を表します。</p>
+
+<p>HTTP リダイレクトがある場合、このプロパティは、ユーザエージェントがリダイレクトの最後のリソースの取得を開始する直前の時間を返します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.fetchStart;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>ブラウザがリソースの取得を開始する直前の {{domxref("DOMHighResTimeStamp")}}。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントの* <code>*Start</code> プロパティと <code>*End</code> プロパティの値が記録されます。</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_start_and_end_properties(p[i]);
+  }
+}
+function print_start_and_end_properties(perfEntry) {
+  // Print timestamps of the PerformanceEntry *start and *end properties
+  properties = ["connectStart", "connectEnd",
+                "domainLookupStart", "domainLookupEnd",
+                "fetchStart",
+                "redirectStart", "redirectEnd",
+                "requestStart",
+                "responseStart", "responseEnd",
+                "secureConnectionStart"];
+
+  for (var i=0; i &lt; properties.length; i++) {
+    // check each property
+    var supported = properties[i] in perfEntry;
+    if (supported) {
+      var value = perfEntry[properties[i]];
+      console.log("... " + properties[i] + " = " + value);
+    } else {
+      console.log("... " + properties[i] + " = NOT supported");
+    }
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-fetchStart', 'fetchStart')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.fetchStart")}}</p>
diff --git a/files/ja/web/api/performanceresourcetiming/index.html b/files/ja/web/api/performanceresourcetiming/index.html
new file mode 100644
index 0000000000..f7e2722889
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/index.html
@@ -0,0 +1,116 @@
+---
+title: PerformanceResourceTiming
+slug: Web/API/PerformanceResourceTiming
+tags:
+  - DOM
+  - Web パフォーマンス
+  - インターフェイス
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><span class="seoSummary"><strong><code>PerformanceResourceTiming</code></strong> インターフェイスは、アプリケーションのリソースのロードに関する詳細なネットワークタイミングデータの取得と分析を可能にします。アプリケーションはタイミングメトリックを使用して、たとえば、{{domxref("XMLHttpRequest")}}、{{SVGElement("SVG","SVG 要素")}}、画像、スクリプトなどの特定のリソースを取得するのにかかる時間を判断できます。</span></p>
+
+<p>インターフェイスのプロパティは、リダイレクトの開始時刻と終了時刻、フェッチの開始時刻、DNS ルックアップの開始時刻と終了時刻、レスポンスの開始時刻と終了時刻などのネットワークイベントに対する{{domxref("DOMHighResTimeStamp","ハイレゾリューションタイムスタンプ")}}を含むリソースロードタイムラインを作成します。さらに、このインターフェイスは、取得したリソースのサイズや取得を開始したリソースの種類に関するデータを提供する他のプロパティを使用して {{domxref("PerformanceEntry")}} を拡張します。</p>
+
+<p>{{InheritanceDiagram}}</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="プロパティ">プロパティ</h2>
+
+<p>このインターフェイスは、以下のように修飾し制約することによって、リソースパフォーマンスエントリタイプの {{domxref("PerformanceEntry")}} プロパティを拡張します。</p>
+
+<dl>
+ <dt>{{domxref("PerformanceEntry.entryType")}}{{readonlyInline}}</dt>
+ <dd><code>"resource"</code> を返します。</dd>
+ <dt>{{domxref("PerformanceEntry.name")}}{{readonlyInline}}</dt>
+ <dd>Returns the resources URL.</dd>
+ <dt>{{domxref("PerformanceEntry.startTime")}}{{readonlyInline}}</dt>
+ <dd>Returns the {{domxref("DOMHighResTimeStamp","timestamp")}} for the time a resource fetch started. This value is equivalent to {{domxref("PerformanceEntry.fetchStart")}}.</dd>
+ <dt>{{domxref("PerformanceEntry.duration")}}{{readonlyInline}}</dt>
+ <dd>Returns a {{domxref("DOMHighResTimeStamp","timestamp")}} that is the difference between the {{domxref("PerformanceResourceTiming.responseEnd","responseEnd")}} and the {{domxref("PerformanceEntry.startTime","startTime")}} properties.</dd>
+</dl>
+
+<p>The interface also supports the following properties which are listed in the order in which they are recorded for the fetching of a single resource. An alphabetical listing is shown in the navigation, at left.</p>
+
+<dl>
+ <dt>{{domxref('PerformanceResourceTiming.initiatorType')}}{{readonlyInline}}</dt>
+ <dd>A {{domxref("DOMString","string")}} representing the <em>type</em> of resource that initiated the performance entry, as specified in {{domxref('PerformanceResourceTiming.initiatorType')}}.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.nextHopProtocol')}}{{readonlyInline}}</dt>
+ <dd>A {{domxref("DOMString","string")}} representing the <em>network protocol</em> used to fetch the resource, as identified by the <a href="https://tools.ietf.org/html/rfc7301">ALPN Protocol ID (RFC7301)</a>.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.workerStart')}}{{readonlyInline}}</dt>
+ <dd>Returns a {{domxref("DOMHighResTimeStamp")}} immediately before dispatching the {{domxref("FetchEvent")}} if a Service Worker thread is already running, or immediately before starting the Service Worker thread if it is not already running. If the resource is not intercepted by a Service Worker the property will always return 0.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.redirectStart')}}{{readonlyInline}}</dt>
+ <dd>A {{domxref("DOMHighResTimeStamp")}} that represents the start time of the fetch which initiates the redirect.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.redirectEnd')}}{{readonlyInline}}</dt>
+ <dd>A {{domxref("DOMHighResTimeStamp")}} immediately after receiving the last byte of the response of the last redirect.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.fetchStart')}}{{readonlyInline}}</dt>
+ <dd>A {{domxref("DOMHighResTimeStamp")}} immediately before the browser starts to fetch the resource.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.domainLookupStart')}}{{readonlyInline}}</dt>
+ <dd>A {{domxref("DOMHighResTimeStamp")}} immediately before the browser starts the domain name lookup for the resource.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.domainLookupEnd')}}{{readonlyInline}}</dt>
+ <dd>A {{domxref("DOMHighResTimeStamp")}} representing the time immediately after the browser finishes the domain name lookup for the resource.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.connectStart')}}{{readonlyInline}}</dt>
+ <dd>A {{domxref("DOMHighResTimeStamp")}} immediately before the browser starts to establish the connection to the server to retrieve the resource.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.connectEnd')}}{{readonlyInline}}</dt>
+ <dd>A {{domxref("DOMHighResTimeStamp")}} immediately after the browser finishes establishing the connection to the server to retrieve the resource.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.secureConnectionStart')}}{{readonlyInline}}</dt>
+ <dd>A {{domxref("DOMHighResTimeStamp")}} immediately before the browser starts the handshake process to secure the current connection.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.requestStart')}}{{readonlyInline}}</dt>
+ <dd>A {{domxref("DOMHighResTimeStamp")}} immediately before the browser starts requesting the resource from the server.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.responseStart')}}{{readonlyInline}}</dt>
+ <dd>A {{domxref("DOMHighResTimeStamp")}} immediately after the browser receives the first byte of the response from the server.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.responseEnd')}}{{readonlyInline}}</dt>
+ <dd>A {{domxref("DOMHighResTimeStamp")}} immediately after the browser receives the last byte of the resource or immediately before the transport connection is closed, whichever comes first.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.transferSize')}}{{readonlyInline}}</dt>
+ <dd>A <code>number</code> representing the size (in octets) of the fetched resource. The size includes the response header fields plus the response payload body.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.encodedBodySize')}}{{readonlyInline}}</dt>
+ <dd>A <code>number</code> representing the size (in octets) received from the fetch (HTTP or cache), of the <em>payload body</em>, before removing any applied content-codings.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.decodedBodySize')}}{{readonlyInline}}</dt>
+ <dd>A <code>number</code> that is the size (in octets) received from the fetch (HTTP or cache) of the <em>message body</em>, after removing any applied content-codings.</dd>
+ <dt>{{domxref('PerformanceResourceTiming.serverTiming')}}{{readonlyInline}}</dt>
+ <dd>An array of {{domxref("PerformanceServerTiming")}} entries containing server timing metrics.</dd>
+</dl>
+
+<h2 id="メソッド">メソッド</h2>
+
+<dl>
+ <dt>{{domxref("PerformanceResourceTiming.toJSON()")}}</dt>
+ <dd>Returns a {{domxref("DOMString")}} that is the JSON representation of the {{domxref("PerformanceResourceTiming")}} object.</dd>
+</dl>
+
+<h2 id="例">例</h2>
+
+<p><a href="/ja/docs/Web/API/Resource_Timing_API/Using_the_Resource_Timing_API">リソースタイミング API の使用</a>の例を参照してください。</p>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#performanceresourcetiming', 'PerformanceResourceTiming')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming")}}</p>
+
+<h2 id="あわせて参照">あわせて参照</h2>
+
+<ul>
+ <li><a href="/Web/API/Resource_Timing">Resource Timing (Overview)</a></li>
+ <li><a href="/ja/docs/Web/API/Resource_Timing_API/Using_the_Resource_Timing_API">Using the Resource Timing API</a></li>
+</ul>
diff --git a/files/ja/web/api/performanceresourcetiming/initiatortype/index.html b/files/ja/web/api/performanceresourcetiming/initiatortype/index.html
new file mode 100644
index 0000000000..2720157d92
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/initiatortype/index.html
@@ -0,0 +1,75 @@
+---
+title: PerformanceResourceTiming.initiatorType
+slug: Web/API/PerformanceResourceTiming/initiatorType
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/initiatorType
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>initiatorType</code></strong> 読み取り専用プロパティは、パフォーマンスイベントを開始したリソースの種類を表す {{domxref("DOMString","文字列")}} です。</p>
+
+<p>この文字列の値は次のとおりです:</p>
+
+<ul>
+ <li>initiator が {{domxref("Element")}} の場合、このプロパティは要素の {{domxref("Node.localName","localName")}} を返します</li>
+ <li>initiator が {{domxref("CSS")}} リソースの場合、このプロパティは "<code>css</code>" を返します</li>
+ <li>initiator が {{domxref("XMLHttpRequest")}} オブジェクトの場合、このプロパティは "<code>xmlhttprequest</code>" を返します</li>
+ <li>initiator が {{domxref("PerformanceNavigationTiming")}} オブジェクトの場合、このプロパティは空の文字列 (<code>""</code>) を返します</li>
+</ul>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.initiatorType;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>上記で指定したように、パフォーマンスイベントを開始したリソースの種類を表す {{domxref("DOMString","string")}}。</p>
+
+<h2 id="例">例</h2>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_initiatorType(p[i]);
+  }
+}
+function print_initiatorType(perfEntry) {
+  // Print this performance entry object's initiatorType value
+  var value = "initiatorType" in perfEntry;
+  if (value)
+    console.log("... initiatorType = " + perfEntry.initiatorType);
+  else
+    console.log("... initiatorType = NOT supported");
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-initiatorType', 'initiatorType')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.initiatorType")}}</p>
diff --git a/files/ja/web/api/performanceresourcetiming/nexthopprotocol/index.html b/files/ja/web/api/performanceresourcetiming/nexthopprotocol/index.html
new file mode 100644
index 0000000000..2d0121a801
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/nexthopprotocol/index.html
@@ -0,0 +1,70 @@
+---
+title: PerformanceResourceTiming.nextHopProtocol
+slug: Web/API/PerformanceResourceTiming/nextHopProtocol
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リソースタイミング API
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/nextHopProtocol
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><span class="seoSummary"><strong><code>nextHopProtocol</code></strong> 読み取り専用プロパティは、<a href="https://tools.ietf.org/html/rfc7301">ALPN プロトコル ID (RFC7301)</a> で識別されるように、リソースを取得するために使用される<em>ネットワークプロトコル</em>を表す{{domxref("DOMString","文字列")}} です。</span></p>
+
+<p>プロキシが使用されている場合、トンネル接続が確立されていると、このプロパティはトンネリングプロトコルの ALPN プロトコル ID を返します。それ以外の場合、このプロパティはプロキシへの最初のホップの ALPN プロトコル ID を返します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.nextHopProtocol;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p><a href="https://tools.ietf.org/html/rfc7301">ALPN プロトコル ID (RFC7301)</a> で識別される、リソースの取得に使用された<em>ネットワークプロトコル</em>を表す {{domxref("DOMString","文字列")}}。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、<code>nextHopProtocol</code> プロパティを使用しています。</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_nextHopProtocol(p[i]);
+  }
+}
+function print_nextHopProtocol(perfEntry) {
+  var value = "nextHopProtocol" in perfEntry;
+  if (value)
+    console.log("nextHopProtocol = " + perfEntry.nextHopProtocol);
+  else
+    console.log("nextHopProtocol = NOT supported");
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-nextHopProtocol', 'nextHopProtocol')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.nextHopProtocol")}}</p>
diff --git a/files/ja/web/api/performanceresourcetiming/redirectend/index.html b/files/ja/web/api/performanceresourcetiming/redirectend/index.html
new file mode 100644
index 0000000000..80cd315854
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/redirectend/index.html
@@ -0,0 +1,83 @@
+---
+title: PerformanceResourceTiming.redirectEnd
+slug: Web/API/PerformanceResourceTiming/redirectEnd
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/redirectEnd
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>redirectEnd</code></strong> 読み取り専用プロパティは、最後のリダイレクトのレスポンスの最後のバイトを受信した直後に {{domxref("DOMHighResTimeStamp","timestamp")}} を返します。</p>
+
+<p>リソースを取得するとき、複数の HTTP リダイレクトがあり、いずれかのリダイレクトが現在のドキュメントとは異なる起点を持ち、タイミング許可チェックアルゴリズムがリダイレクトされたリソースごとに渡される場合、<span class="tlid-translation translation" lang="ja"><span title="">このプロパティは、最後のリダイレクトのレスポンスの最後のバイトを受信した直後の時間を返します。</span><span title="">そうでなければ、ゼロが返されます。</span></span></p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.redirectEnd;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>最後のリダイレクトの応答の最後のバイトを受信した直後の {{domxref("DOMHighResTimeStamp","timestamp")}}。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントの <code>*Start</code> プロパティと <code>*End</code> プロパティの値が記録されます。</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_start_and_end_properties(p[i]);
+  }
+}
+function print_start_and_end_properties(perfEntry) {
+  // Print timestamps of the PerformanceEntry *start and *end properties
+  properties = ["connectStart", "connectEnd",
+                "domainLookupStart", "domainLookupEnd",
+                "fetchStart",
+                "redirectStart", "redirectEnd",
+                "requestStart",
+                "responseStart", "responseEnd",
+                "secureConnectionStart"];
+
+  for (var i=0; i &lt; properties.length; i++) {
+    // check each property
+    var supported = properties[i] in perfEntry;
+    if (supported) {
+      var value = perfEntry[properties[i]];
+      console.log("... " + properties[i] + " = " + value);
+    } else {
+      console.log("... " + properties[i] + " = NOT supported");
+    }
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-redirectEnd', 'redirectEnd')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.redirectEnd")}}</p>
diff --git a/files/ja/web/api/performanceresourcetiming/redirectstart/index.html b/files/ja/web/api/performanceresourcetiming/redirectstart/index.html
new file mode 100644
index 0000000000..1db4c80401
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/redirectstart/index.html
@@ -0,0 +1,83 @@
+---
+title: PerformanceResourceTiming.redirectStart
+slug: Web/API/PerformanceResourceTiming/redirectStart
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/redirectStart
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>redirectStart</code></strong> 読み取り専用プロパティは、リダイレクトを開始するフェッチの開始時間を表す {{domxref("DOMHighResTimeStamp","timestamp")}} を返します。</p>
+
+<p>リソースの取得時に HTTP リダイレクトがあり、いずれかのリダイレクトが現在の文書と同じ起点からのものではないが、タイミング許可チェックアルゴリズムがリダイレクトされた各リソースに合格した場合、このプロパティはリダイレクトを開始するフェッチの開始時間を返します。そうでなければ、ゼロが返されます。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.redirectStart;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>リダイレクトを開始するフェッチの開始時間を表す {{domxref("DOMHighResTimeStamp","timestamp")}}。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントの <code>*Start</code> プロパティと <code>*End</code> プロパティの値が記録されます。</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_start_and_end_properties(p[i]);
+  }
+}
+function print_start_and_end_properties(perfEntry) {
+  // Print timestamps of the PerformanceEntry *start and *end properties
+  properties = ["connectStart", "connectEnd",
+                "domainLookupStart", "domainLookupEnd",
+                "fetchStart",
+                "redirectStart", "redirectEnd",
+                "requestStart",
+                "responseStart", "responseEnd",
+                "secureConnectionStart"];
+
+  for (var i=0; i &lt; properties.length; i++) {
+    // check each property
+    var supported = properties[i] in perfEntry;
+    if (supported) {
+      var value = perfEntry[properties[i]];
+      console.log("... " + properties[i] + " = " + value);
+    } else {
+      console.log("... " + properties[i] + " = NOT supported");
+    }
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-redirectStart', 'redirectStart')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.redirectStart")}}</p>
diff --git a/files/ja/web/api/performanceresourcetiming/requeststart/index.html b/files/ja/web/api/performanceresourcetiming/requeststart/index.html
new file mode 100644
index 0000000000..694546c8b5
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/requeststart/index.html
@@ -0,0 +1,85 @@
+---
+title: PerformanceResourceTiming.requestStart
+slug: Web/API/PerformanceResourceTiming/requestStart
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/requestStart
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>requestStart</code></strong> 読み取り専用プロパティは、ブラウザがサーバ、キャッシュ、またはローカルリソースにリソースのリクエストを開始する直前の {{domxref("DOMHighResTimeStamp","timestamp")}} を返します。トランスポート接続が失敗してブラウザがリクエストを終了すると、返される値は再試行要求の開始になります。</p>
+
+<p><code>requestStart</code> には <em>end</em> プロパティはありません。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.requestStart;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>ブラウザがサーバからのリソースのリクエストを開始する直前の時間を表す {{domxref("DOMHighResTimeStamp")}}</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントの <code>*Start</code> プロパティと <code>*End</code> プロパティの値が記録されます。</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_start_and_end_properties(p[i]);
+  }
+}
+function print_start_and_end_properties(perfEntry) {
+  // Print timestamps of the PerformanceEntry *start and *end properties
+  properties = ["connectStart", "connectEnd",
+                "domainLookupStart", "domainLookupEnd",
+                "fetchStart",
+                "redirectStart", "redirectEnd",
+                "requestStart",
+                "responseStart", "responseEnd",
+                "secureConnectionStart"];
+
+  for (var i=0; i &lt; properties.length; i++) {
+    // check each property
+    var supported = properties[i] in perfEntry;
+    if (supported) {
+      var value = perfEntry[properties[i]];
+      console.log("... " + properties[i] + " = " + value);
+    } else {
+      console.log("... " + properties[i] + " = NOT supported");
+    }
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-requestStart', 'requestStart')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div>
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.requestStart")}}</p>
+</div>
diff --git a/files/ja/web/api/performanceresourcetiming/responseend/index.html b/files/ja/web/api/performanceresourcetiming/responseend/index.html
new file mode 100644
index 0000000000..845a55efb4
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/responseend/index.html
@@ -0,0 +1,83 @@
+---
+title: PerformanceResourceTiming.responseEnd
+slug: Web/API/PerformanceResourceTiming/responseEnd
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/responseEnd
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>responseEnd</code></strong> 読み取り専用プロパティは、ブラウザがリソースの最後のバイトを受信した直後、または転送接続が閉じられる直前のどちらか早い方で {{domxref("DOMHighResTimeStamp","timestamp")}} を返します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.responseEnd;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>ブラウザがリソースの最後のバイトを受信した直後、またはトランスポート接続が閉じられる直前のいずれか早いほうの {{domxref("DOMHighResTimeStamp")}}。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントの <code>*Start</code> プロパティと <code>*End</code> プロパティの値が記録されます。</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_start_and_end_properties(p[i]);
+  }
+}
+function print_start_and_end_properties(perfEntry) {
+  // Print timestamps of the PerformanceEntry *start and *end properties
+  properties = ["connectStart", "connectEnd",
+                "domainLookupStart", "domainLookupEnd",
+                "fetchStart",
+                "redirectStart", "redirectEnd",
+                "requestStart",
+                "responseStart", "responseEnd",
+                "secureConnectionStart"];
+
+  for (var i=0; i &lt; properties.length; i++) {
+    // check each property
+    var supported = properties[i] in perfEntry;
+    if (supported) {
+      var value = perfEntry[properties[i]];
+      console.log("... " + properties[i] + " = " + value);
+    } else {
+      console.log("... " + properties[i] + " = NOT supported");
+    }
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-responseEnd', 'responseEnd')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div>
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.responseEnd")}}</p>
+</div>
diff --git a/files/ja/web/api/performanceresourcetiming/responsestart/index.html b/files/ja/web/api/performanceresourcetiming/responsestart/index.html
new file mode 100644
index 0000000000..cf9317a99c
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/responsestart/index.html
@@ -0,0 +1,83 @@
+---
+title: PerformanceResourceTiming.responseStart
+slug: Web/API/PerformanceResourceTiming/responseStart
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/responseStart
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>responseStart</code></strong> 読み取り専用プロパティは、ブラウザがサーバ、キャッシュ、またはローカルリソースからレスポンスの最初のバイトを受信した直後に {{domxref("DOMHighResTimeStamp","timestamp")}} を返します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.responseStart;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>ブラウザがサーバからのレスポンスの最初のバイトを受信した直後の {{domxref("DOMHighResTimeStamp")}}。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントの <code>*Start</code> プロパティと <code>*End</code> プロパティの値が記録されます。</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_start_and_end_properties(p[i]);
+  }
+}
+function print_start_and_end_properties(perfEntry) {
+  // Print timestamps of the PerformanceEntry *start and *end properties
+  properties = ["connectStart", "connectEnd",
+                "domainLookupStart", "domainLookupEnd",
+                "fetchStart",
+                "redirectStart", "redirectEnd",
+                "requestStart",
+                "responseStart", "responseEnd",
+                "secureConnectionStart"];
+
+  for (var i=0; i &lt; properties.length; i++) {
+    // check each property
+    var supported = properties[i] in perfEntry;
+    if (supported) {
+      var value = perfEntry[properties[i]];
+      console.log("... " + properties[i] + " = " + value);
+    } else {
+      console.log("... " + properties[i] + " = NOT supported");
+    }
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-responseStart', 'responseStart')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div>
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.responseStart")}}</p>
+</div>
diff --git a/files/ja/web/api/performanceresourcetiming/secureconnectionstart/index.html b/files/ja/web/api/performanceresourcetiming/secureconnectionstart/index.html
new file mode 100644
index 0000000000..247b4587f1
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/secureconnectionstart/index.html
@@ -0,0 +1,83 @@
+---
+title: PerformanceResourceTiming.secureConnectionStart
+slug: Web/API/PerformanceResourceTiming/secureConnectionStart
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/secureConnectionStart
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>secureConnectionStart</code></strong> 読み取り専用プロパティは、現在の接続を保護するためにブラウザがハンドシェイクプロセスを開始する直前に {{domxref("DOMHighResTimeStamp","timestamp")}} を返します。安全な接続が使用されていない場合、このプロパティはゼロを返します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.secureConnectionStart;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>セキュリティで保護された接続を介してリソースが取得された場合、現在の接続を保護するためにブラウザがハンドシェイクプロセスを開始する直前に {{domxref("DOMHighResTimeStamp")}} が返されます。安全な接続が使用されていない場合、このプロパティはゼロを返します。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントの <code>*Start</code> プロパティと <code>*End</code> プロパティの値が記録されます。</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_start_and_end_properties(p[i]);
+  }
+}
+function print_start_and_end_properties(perfEntry) {
+  // Print timestamps of the PerformanceEntry *start and *end properties
+  properties = ["connectStart", "connectEnd",
+                "domainLookupStart", "domainLookupEnd",
+                "fetchStart",
+                "redirectStart", "redirectEnd",
+                "requestStart",
+                "responseStart", "responseEnd",
+                "secureConnectionStart"];
+
+  for (var i=0; i &lt; properties.length; i++) {
+    // check each property
+    var supported = properties[i] in perfEntry;
+    if (supported) {
+      var value = perfEntry[properties[i]];
+      console.log("... " + properties[i] + " = " + value);
+    } else {
+      console.log("... " + properties[i] + " = NOT supported");
+    }
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-secureConnectionStart', 'secureConnectionStart')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div>
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.secureConnectionStart")}}</p>
+</div>
diff --git a/files/ja/web/api/performanceresourcetiming/servertiming/index.html b/files/ja/web/api/performanceresourcetiming/servertiming/index.html
new file mode 100644
index 0000000000..0173ea7026
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/servertiming/index.html
@@ -0,0 +1,52 @@
+---
+title: PerformanceResourceTiming.serverTiming
+slug: Web/API/PerformanceResourceTiming/serverTiming
+tags:
+  - API
+  - PerformanceResourceTiming
+  - SecureContextOnly
+  - ServerTiming
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/serverTiming
+---
+<div>{{APIRef("Resource Timing API")}} {{securecontext_header}}</div>
+
+<p><strong><code>serverTiming</code></strong> 読み取り専用プロパティは、サーバのタイミングメトリクスを含む {{domxref("PerformanceServerTiming")}} エントリの配列を返します。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.serverTiming;
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Server Timing','#-dfn-servertiming-dfn-attribute', 'serverTiming')}}</td>
+   <td>{{Spec2('Server Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div>
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.serverTiming")}}</p>
+
+<h2 id="あわせて参照">あわせて参照</h2>
+
+<ul>
+ <li>{{domxref("PerformanceServerTiming")}}</li>
+ <li>{{HTTPHeader("Server-Timing")}}</li>
+</ul>
+</div>
diff --git a/files/ja/web/api/performanceresourcetiming/tojson/index.html b/files/ja/web/api/performanceresourcetiming/tojson/index.html
new file mode 100644
index 0000000000..4d6fae6421
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/tojson/index.html
@@ -0,0 +1,67 @@
+---
+title: PerformanceResourceTiming.toJSON()
+slug: Web/API/PerformanceResourceTiming/toJSON
+tags:
+  - API
+  - Web パフォーマンス
+  - メソッド
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/toJSON
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>toJSON()</code></strong> メソッドは、{{domxref("PerformanceResourceTiming")}} オブジェクトの JSON 表現を返すシリアライザです。</p>
+
+<h2 id="構文">構文</h2>
+
+<pre class="syntaxbox">json = resourcePerfEntry.toJSON();
+</pre>
+
+<h3 id="引数">引数</h3>
+
+<dl>
+ <dt>なし</dt>
+ <dd> </dd>
+</dl>
+
+<h3 id="戻り値">戻り値</h3>
+
+<dl>
+ <dt>json</dt>
+ <dd>最も近い継承インタフェースからのエントリと各シリアライザブル属性のエントリを持つマップとしての {{domxref("PerformanceResourceTiming")}} オブジェクトの直列化である JSON オブジェクト。</dd>
+</dl>
+
+<h2 id="例">例</h2>
+
+<pre class="brush: js">// Get a resource performance entry
+var perfEntries = performance.getEntriesByType("resource");
+var entry = perfEntries[0];
+
+// Get the JSON and log it
+var json = entry.toJSON();
+var s = JSON.stringify(json);
+console.log("PerformanceEntry.toJSON = " + s);
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#serializer', 'toJSON')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.toJSON")}}</p>
diff --git a/files/ja/web/api/performanceresourcetiming/transfersize/index.html b/files/ja/web/api/performanceresourcetiming/transfersize/index.html
new file mode 100644
index 0000000000..b2fd964892
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/transfersize/index.html
@@ -0,0 +1,82 @@
+---
+title: PerformanceResourceTiming.transferSize
+slug: Web/API/PerformanceResourceTiming/transferSize
+tags:
+  - API
+  - Web パフォーマンス
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/transferSize
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p><strong><code>transferSize</code></strong> 読み取り専用プロパティは、取得したリソースのサイズ (オクテット) を表します。サイズには、レスポンスヘッダーフィールドとレスポンスペイロードボディ (<a href="http://httpwg.github.io/specs/rfc7230.html#message.body">RFC7230</a> で定義されているとおり) が含まれます。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<p>リソースがローカルキャッシュから取得された場合、またはクロスオリジンリソースの場合、このプロパティはゼロを返します。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.transferSize;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">戻り値</h3>
+
+<p>取得したリソースのサイズ (オクテット単位) を表す数値。サイズには、レスポンスヘッダーフィールドと<a href="http://httpwg.github.io/specs/rfc7230.html#message.body">レスポンスペイロードボディ</a> (RFC7230) が含まれています。</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントのサイズプロパティの値が記録されます。</p>
+
+<pre class="brush: js">function log_sizes(perfEntry){
+  // Check for support of the PerformanceEntry.*size properties and print their values
+  // if supported.
+  if ("decodedBodySize" in perfEntry)
+    console.log("decodedBodySize = " + perfEntry.decodedBodySize);
+  else
+    console.log("decodedBodySize = NOT supported");
+
+  if ("encodedBodySize" in perfEntry)
+    console.log("encodedBodySize = " + perfEntry.encodedBodySize);
+  else
+    console.log("encodedBodySize = NOT supported");
+
+  if ("transferSize" in perfEntry)
+    console.log("transferSize = " + perfEntry.transferSize);
+  else
+    console.log("transferSize = NOT supported");
+}
+function check_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    log_sizes(p[i]);
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-transferSize', 'transferSize')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div>
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.transferSize")}}</p>
+</div>
diff --git a/files/ja/web/api/performanceresourcetiming/workerstart/index.html b/files/ja/web/api/performanceresourcetiming/workerstart/index.html
new file mode 100644
index 0000000000..156eebb259
--- /dev/null
+++ b/files/ja/web/api/performanceresourcetiming/workerstart/index.html
@@ -0,0 +1,84 @@
+---
+title: PerformanceResourceTiming.workerStart
+slug: Web/API/PerformanceResourceTiming/workerStart
+tags:
+  - API
+  - PerformanceResourceTiming
+  - Web パフォーマンス
+  - workerStart
+  - プロパティ
+  - リファレンス
+translation_of: Web/API/PerformanceResourceTiming/workerStart
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p>{{domxref("PerformanceResourceTiming")}} インターフェイスの <strong><code>workerStart</code></strong> 読み取り専用プロパティは、Service Worker スレッドが既に実行されている場合は {{domxref("FetchEvent")}} を送出する直前、または Service Worker スレッドがまだ実行されていない場合は開始される直前に {{domxref("DOMHighResTimeStamp")}} を返します。リソースが Service Worker によってインターセプトされない場合、このプロパティは常に0を返します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>resource</em>.workerStart;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">値</h3>
+
+<p>{{domxref("DOMHighResTimeStamp")}}</p>
+
+<h2 id="例">例</h2>
+
+<p>次の例では、すべての "<code>resource</code>" {{domxref("PerformanceEntry.entryType","type")}} イベントの <code>*Start</code> プロパティと <code>*End</code> プロパティの値が記録されます。</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Use getEntriesByType() to just get the "resource" events
+  var p = performance.getEntriesByType("resource");
+  for (var i=0; i &lt; p.length; i++) {
+    print_start_and_end_properties(p[i]);
+  }
+}
+function print_start_and_end_properties(perfEntry) {
+  // Print timestamps of the PerformanceEntry *start and *end properties
+  properties = ["connectStart", "connectEnd",
+                "domainLookupStart", "domainLookupEnd",
+                "fetchStart",
+                "redirectStart", "redirectEnd",
+                "requestStart",
+                "responseStart", "responseEnd",
+                "secureConnectionStart",
+		"workerStart"];
+
+  for (var i=0; i &lt; properties.length; i++) {
+    // check each property
+    var supported = properties[i] in perfEntry;
+    if (supported) {
+      var value = perfEntry[properties[i]];
+      console.log("... " + properties[i] + " = " + value);
+    } else {
+      console.log("... " + properties[i] + " = NOT supported");
+    }
+  }
+}
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">ステータス</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Resource Timing', '#widl-PerformanceResourceTiming-workerStart', 'workerStart')}}</td>
+   <td>{{Spec2('Resource Timing')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PerformanceResourceTiming.workerStart")}}</p>