1 files changed, 84 insertions, 0 deletions
diff --git a/files/fr/web/api/performanceresourcetiming/connectstart/index.html b/files/fr/web/api/performanceresourcetiming/connectstart/index.html
new file mode 100644
index 0000000000..198a11274c
--- /dev/null
+++ b/files/fr/web/api/performanceresourcetiming/connectstart/index.html
@@ -0,0 +1,84 @@
+---
+title: PerformanceResourceTiming.connectStart
+slug: Web/API/PerformanceResourceTiming/connectStart
+tags:
+  - API
+  - Property
+  - Propriété
+  - Reference
+  - Performance Web
+  - Resource Timing API
+  - connectStart
+translation_of: Web/API/PerformanceResourceTiming/connectStart
+---
+<div>{{APIRef("Resource Timing API")}}</div>
+
+<p class="summary">La propriété en lecture seule <strong><code>connectStart</code></strong> retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> de l'instant avant que l'agent utilisateur ne commence à établir la connexion au serveur pour récupérer la ressource.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax">Syntaxe</h2>
+
+<pre class="brush: js"><var>resource</var>.connectStart;</pre>
+
+<h3 id="Return_Value">Valeur de retour</h3>
+
+<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement avant que le navigateur ne commence à établir la connexion avec le serveur pour récupérer la ressource.</p>
+
+<h2 id="Example">Exemple</h2>
+
+<p>Dans l'exemple suivant, la valeur des propriétés <code>*Start</code> et <code>*End</code> de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> sont consignés.</p>
+
+<pre class="brush: js">function print_PerformanceEntries() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
+  let p = performance.getEntriesByType("resource");
+  for (let i = 0; i &lt; p.length; i++) {
+    print_start_and_end_properties(p[i]);
+  }
+}
+function print_start_and_end_properties(perfEntry) {
+  // Imprime les horodatages des propriétés *start et *end
+  properties = ["connectStart", "connectEnd",
+                "domainLookupStart", "domainLookupEnd",
+                "fetchStart",
+                "redirectStart", "redirectEnd",
+                "requestStart",
+                "responseStart", "responseEnd",
+                "secureConnectionStart"];
+
+  for (let i = 0; i &lt; properties.length; i++) {
+    // vérifie chaque propriété
+    let supported = properties[i] in perfEntry;
+    if (supported) {
+      let value = perfEntry[properties[i]];
+      console.log("... " + properties[i] + " = " + value);
+    } else {
+      console.log("... " + properties[i] + " = N'EST PAS pris en charge");
+    }
+  }
+}
+</pre>
+
+<h2 id="Specifications">Spécifications</h2>
+
+<table class="standard-table">
+  <thead>
+    <tr>
+      <th scope="col">Spécification</th>
+      <th scope="col">Statut</th>
+      <th scope="col">Commentaire</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>{{SpecName('Resource Timing', '#dom-performanceresourcetiming-connectstart',
+        'connectStart')}}</td>
+      <td>{{Spec2('Resource Timing')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceResourceTiming.connectStart")}}</p>