From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- .../performanceelementtiming/element/index.html | 64 ----------------- .../api/performanceelementtiming/element/index.md | 64 +++++++++++++++++ .../web/api/performanceelementtiming/id/index.html | 64 ----------------- .../web/api/performanceelementtiming/id/index.md | 64 +++++++++++++++++ .../performanceelementtiming/identifier/index.html | 64 ----------------- .../performanceelementtiming/identifier/index.md | 64 +++++++++++++++++ .../fr/web/api/performanceelementtiming/index.html | 82 ---------------------- files/fr/web/api/performanceelementtiming/index.md | 82 ++++++++++++++++++++++ .../intersectionrect/index.html | 66 ----------------- .../intersectionrect/index.md | 66 +++++++++++++++++ .../performanceelementtiming/loadtime/index.html | 64 ----------------- .../api/performanceelementtiming/loadtime/index.md | 64 +++++++++++++++++ .../naturalheight/index.html | 64 ----------------- .../naturalheight/index.md | 64 +++++++++++++++++ .../naturalwidth/index.html | 63 ----------------- .../performanceelementtiming/naturalwidth/index.md | 63 +++++++++++++++++ .../performanceelementtiming/rendertime/index.html | 68 ------------------ .../performanceelementtiming/rendertime/index.md | 68 ++++++++++++++++++ .../api/performanceelementtiming/tojson/index.html | 68 ------------------ .../api/performanceelementtiming/tojson/index.md | 68 ++++++++++++++++++ .../api/performanceelementtiming/url/index.html | 64 ----------------- .../web/api/performanceelementtiming/url/index.md | 64 +++++++++++++++++ 22 files changed, 731 insertions(+), 731 deletions(-) delete mode 100644 files/fr/web/api/performanceelementtiming/element/index.html create mode 100644 files/fr/web/api/performanceelementtiming/element/index.md delete mode 100644 files/fr/web/api/performanceelementtiming/id/index.html create mode 100644 files/fr/web/api/performanceelementtiming/id/index.md delete mode 100644 files/fr/web/api/performanceelementtiming/identifier/index.html create mode 100644 files/fr/web/api/performanceelementtiming/identifier/index.md delete mode 100644 files/fr/web/api/performanceelementtiming/index.html create mode 100644 files/fr/web/api/performanceelementtiming/index.md delete mode 100644 files/fr/web/api/performanceelementtiming/intersectionrect/index.html create mode 100644 files/fr/web/api/performanceelementtiming/intersectionrect/index.md delete mode 100644 files/fr/web/api/performanceelementtiming/loadtime/index.html create mode 100644 files/fr/web/api/performanceelementtiming/loadtime/index.md delete mode 100644 files/fr/web/api/performanceelementtiming/naturalheight/index.html create mode 100644 files/fr/web/api/performanceelementtiming/naturalheight/index.md delete mode 100644 files/fr/web/api/performanceelementtiming/naturalwidth/index.html create mode 100644 files/fr/web/api/performanceelementtiming/naturalwidth/index.md delete mode 100644 files/fr/web/api/performanceelementtiming/rendertime/index.html create mode 100644 files/fr/web/api/performanceelementtiming/rendertime/index.md delete mode 100644 files/fr/web/api/performanceelementtiming/tojson/index.html create mode 100644 files/fr/web/api/performanceelementtiming/tojson/index.md delete mode 100644 files/fr/web/api/performanceelementtiming/url/index.html create mode 100644 files/fr/web/api/performanceelementtiming/url/index.md (limited to 'files/fr/web/api/performanceelementtiming') diff --git a/files/fr/web/api/performanceelementtiming/element/index.html b/files/fr/web/api/performanceelementtiming/element/index.html deleted file mode 100644 index 1a40658ff7..0000000000 --- a/files/fr/web/api/performanceelementtiming/element/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: PerformanceElementTiming.element -slug: Web/API/PerformanceElementTiming/element -tags: - - API - - Property - - Propriété - - Reference - - element - - PerformanceElementTiming -translation_of: Web/API/PerformanceElementTiming/element ---- -
{{APIRef("Element Timing API")}}
- -

La propriété en lecture seule element de l'interface PerformanceElementTiming renvoie un Element qui est une représentation littérale de l'élément associé.

- -

Syntaxe

- -
var element = PerformanceElementTiming.element;
- -

Valeur

-

Un objet de type Element.

- -

Exemples

- -

Dans cet exemple, l'appel à entry.element va enregistrer dans la console <img src="image.jpg" alt="une belle image" elementtiming="big-image">.

- -
<img src="image.jpg" alt="une belle image" elementtiming="big-image">
- -
const observer = new PerformanceObserver((list) => {
-  let entries = list.getEntries().forEach(function (entry) {
-    if (entry.identifier === "big-image") {
-      console.log(entry.element);
-    }
-  });
-});
-observer.observe({ entryTypes: ["element"] });
- -
-

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

-
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-element','PerformanceElementTiming.element')}}{{Spec2('Element Timing API')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.PerformanceElementTiming.element")}}

diff --git a/files/fr/web/api/performanceelementtiming/element/index.md b/files/fr/web/api/performanceelementtiming/element/index.md new file mode 100644 index 0000000000..1a40658ff7 --- /dev/null +++ b/files/fr/web/api/performanceelementtiming/element/index.md @@ -0,0 +1,64 @@ +--- +title: PerformanceElementTiming.element +slug: Web/API/PerformanceElementTiming/element +tags: + - API + - Property + - Propriété + - Reference + - element + - PerformanceElementTiming +translation_of: Web/API/PerformanceElementTiming/element +--- +
{{APIRef("Element Timing API")}}
+ +

La propriété en lecture seule element de l'interface PerformanceElementTiming renvoie un Element qui est une représentation littérale de l'élément associé.

+ +

Syntaxe

+ +
var element = PerformanceElementTiming.element;
+ +

Valeur

+

Un objet de type Element.

+ +

Exemples

+ +

Dans cet exemple, l'appel à entry.element va enregistrer dans la console <img src="image.jpg" alt="une belle image" elementtiming="big-image">.

+ +
<img src="image.jpg" alt="une belle image" elementtiming="big-image">
+ +
const observer = new PerformanceObserver((list) => {
+  let entries = list.getEntries().forEach(function (entry) {
+    if (entry.identifier === "big-image") {
+      console.log(entry.element);
+    }
+  });
+});
+observer.observe({ entryTypes: ["element"] });
+ +
+

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-element','PerformanceElementTiming.element')}}{{Spec2('Element Timing API')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceElementTiming.element")}}

diff --git a/files/fr/web/api/performanceelementtiming/id/index.html b/files/fr/web/api/performanceelementtiming/id/index.html deleted file mode 100644 index f3083cd256..0000000000 --- a/files/fr/web/api/performanceelementtiming/id/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: PerformanceElementTiming.id -slug: Web/API/PerformanceElementTiming/id -tags: - - API - - Property - - Propriété - - Reference - - id - - PerformanceElementTiming -translation_of: Web/API/PerformanceElementTiming/id ---- -
{{SeeCompatTable}}{{Non-Standard_Header}}{{APIRef("Element Timing API")}}
- -

La propriété en lecture seule id de l'interface PerformanceElementTiming renvoie l'id de l'élément associé.

- -

Syntaxe

- -
var id = PerformanceElementTiming.id;
- -

Valeur

-

Une chaîne de caractères DOMString.

- -

Exemples

- -

Dans cet exemple, l'appel à entry.id entraînera l'affichage dans la console du code myImage, qui est l'id de l'élément image.

- -
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
- -
const observer = new PerformanceObserver((list) => {
-let entries = list.getEntries().forEach(function (entry) {
-    if (entry.identifier === "big-image") {
-      console.log(entry.id);
-    }
-  });
-});
-observer.observe({ entryTypes: ["element"] });
- -
-

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément entryType element afin d'utiliser l'interface PerformanceElementTiming.

-
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-id','PerformanceElementTiming.id')}}{{Spec2('Element Timing API')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.PerformanceElementTiming.id")}}

diff --git a/files/fr/web/api/performanceelementtiming/id/index.md b/files/fr/web/api/performanceelementtiming/id/index.md new file mode 100644 index 0000000000..f3083cd256 --- /dev/null +++ b/files/fr/web/api/performanceelementtiming/id/index.md @@ -0,0 +1,64 @@ +--- +title: PerformanceElementTiming.id +slug: Web/API/PerformanceElementTiming/id +tags: + - API + - Property + - Propriété + - Reference + - id + - PerformanceElementTiming +translation_of: Web/API/PerformanceElementTiming/id +--- +
{{SeeCompatTable}}{{Non-Standard_Header}}{{APIRef("Element Timing API")}}
+ +

La propriété en lecture seule id de l'interface PerformanceElementTiming renvoie l'id de l'élément associé.

+ +

Syntaxe

+ +
var id = PerformanceElementTiming.id;
+ +

Valeur

+

Une chaîne de caractères DOMString.

+ +

Exemples

+ +

Dans cet exemple, l'appel à entry.id entraînera l'affichage dans la console du code myImage, qui est l'id de l'élément image.

+ +
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
+ +
const observer = new PerformanceObserver((list) => {
+let entries = list.getEntries().forEach(function (entry) {
+    if (entry.identifier === "big-image") {
+      console.log(entry.id);
+    }
+  });
+});
+observer.observe({ entryTypes: ["element"] });
+ +
+

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément entryType element afin d'utiliser l'interface PerformanceElementTiming.

+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-id','PerformanceElementTiming.id')}}{{Spec2('Element Timing API')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceElementTiming.id")}}

diff --git a/files/fr/web/api/performanceelementtiming/identifier/index.html b/files/fr/web/api/performanceelementtiming/identifier/index.html deleted file mode 100644 index 1fb524cf4f..0000000000 --- a/files/fr/web/api/performanceelementtiming/identifier/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: PerformanceElementTiming.identifier -slug: Web/API/PerformanceElementTiming/identifier -tags: - - API - - Property - - Propriété - - Reference - - identifier - - PerformanceElementTiming -translation_of: Web/API/PerformanceElementTiming/identifier ---- -
{{SeeCompatTable}}{{Non-Standard_Header}}{{APIRef("Element Timing API")}}
- -

La propriété en lecture seule identifier de l'interface PerformanceElementTiming renvoie la valeur de l'attribut elementtiming sur l'élément.

- -

Syntaxe

- -
var identifier = PerformanceElementTiming.identifier;
- -

Valeur

-

Une chaîne de caractères DOMString.

- -

Examples

- -

Dans cet exemple, la valeur de elementtiming est big-image. L'appel à entry.indentifier renvoie donc la chaîne de caractères big-image.

- -
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
- -
const observer = new PerformanceObserver((list) => {
-  let entries = list.getEntries().forEach(function (entry) {
-    if (entry.identifier === "big-image") {
-      console.log(entry.naturalWidth);
-    }
-  });
-});
-observer.observe({ entryTypes: ["element"] });
- -
-

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément entryType element afin d'utiliser l'interface PerformanceElementTiming.

-
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-identifier','PerformanceElementTiming.identifier')}}{{Spec2('Element Timing API')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.PerformanceElementTiming.identifier")}}

diff --git a/files/fr/web/api/performanceelementtiming/identifier/index.md b/files/fr/web/api/performanceelementtiming/identifier/index.md new file mode 100644 index 0000000000..1fb524cf4f --- /dev/null +++ b/files/fr/web/api/performanceelementtiming/identifier/index.md @@ -0,0 +1,64 @@ +--- +title: PerformanceElementTiming.identifier +slug: Web/API/PerformanceElementTiming/identifier +tags: + - API + - Property + - Propriété + - Reference + - identifier + - PerformanceElementTiming +translation_of: Web/API/PerformanceElementTiming/identifier +--- +
{{SeeCompatTable}}{{Non-Standard_Header}}{{APIRef("Element Timing API")}}
+ +

La propriété en lecture seule identifier de l'interface PerformanceElementTiming renvoie la valeur de l'attribut elementtiming sur l'élément.

+ +

Syntaxe

+ +
var identifier = PerformanceElementTiming.identifier;
+ +

Valeur

+

Une chaîne de caractères DOMString.

+ +

Examples

+ +

Dans cet exemple, la valeur de elementtiming est big-image. L'appel à entry.indentifier renvoie donc la chaîne de caractères big-image.

+ +
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
+ +
const observer = new PerformanceObserver((list) => {
+  let entries = list.getEntries().forEach(function (entry) {
+    if (entry.identifier === "big-image") {
+      console.log(entry.naturalWidth);
+    }
+  });
+});
+observer.observe({ entryTypes: ["element"] });
+ +
+

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément entryType element afin d'utiliser l'interface PerformanceElementTiming.

+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-identifier','PerformanceElementTiming.identifier')}}{{Spec2('Element Timing API')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceElementTiming.identifier")}}

diff --git a/files/fr/web/api/performanceelementtiming/index.html b/files/fr/web/api/performanceelementtiming/index.html deleted file mode 100644 index 3a591036d7..0000000000 --- a/files/fr/web/api/performanceelementtiming/index.html +++ /dev/null @@ -1,82 +0,0 @@ ---- -title: PerformanceElementTiming -slug: Web/API/PerformanceElementTiming -tags: - - API - - Interface - - Reference - - PerformanceElementTiming -translation_of: Web/API/PerformanceElementTiming ---- -
{{SeeCompatTable}}{{Non-Standard_Header}}{{APIRef("Element Timing API")}}
- -

L'interface PerformanceElementTiming de l'API Element Timing API rapporte les informations de timing sur un élément spécifique identifié par l'auteur de la page. Par exemple, elle peut fournir des informations sur l'image principale d'un article.

- -

Propriétés

- -
-
PerformanceElementTiming.element {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
-
Un Element représentant l'élément pour lequel nous retournons des informations.
-
PerformanceElementTiming.id {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
-
Un DOMString qui est l'identifiant (attribut id) de l'élément.
-
PerformanceElementTiming.identifier {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
-
Une DOMString qui est la valeur de l'attribut elementtiming de l'élément.
-
PerformanceElementTiming.intersectionRect {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
-
Un DOMRectReadOnly qui est le rectangle de l'élément dans la fenêtre d'affichage.
-
PerformanceElementTiming.loadTime {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
-
Un DOMHighResTimeStamp avec l'heure de chargement de l'élément.
-
PerformanceElementTiming.naturalHeight {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
-
Un entier de 32 bits non signé (unsigned long) qui est la hauteur intrinsèque de l'image si cela est appliqué à une image, 0 pour le texte.
-
PerformanceElementTiming.naturalWidth {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
-
Un entier de 32 bits non signé (unsigned long) qui est la largeur intrinsèque de l'image si cela est appliqué à une image, 0 pour le texte.
-
PerformanceElementTiming.renderTime {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
-
Un DOMHighResTimeStamp avec le renderTime de l'élément.
-
PerformanceElementTiming.url {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
-
Une DOMString qui est l'URL initiale de la demande de ressources pour les images, 0 pour le texte.
-
- -

Méthodes

- -
-
PerformanceElementTiming.toJSON() {{Experimental_Inline}} {{Non-Standard_Inline}}
-
Génère une description JSON de l'objet.
-
- -

Exemples

- -

Dans cet exemple, nous avons deux éléments qui sont observés. Nous utilisons l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, l'observation de l'élément PerformanceEntry.entrytype element afin d'utiliser l'interface PerformanceElementTiming.

- -

Deux entrées seront affichées dans la console. La première contenant les détails de l'image, la seconde les détails du nœud texte.

- -
<img src="image.jpg" elementtiming="big-image">
-<p elementtiming="text" id="text-id">le texte ici</p>
- -
const observer = new PerformanceObserver((list) => {
-  let entries = list.getEntries().forEach(function (entry) {
-      console.log(entry);
-  });
-});
-observer.observe({ entryTypes: ["element"] });
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#sec-performance-element-timing','PerformanceElementTiming')}}{{Spec2('Element Timing API')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

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

diff --git a/files/fr/web/api/performanceelementtiming/index.md b/files/fr/web/api/performanceelementtiming/index.md new file mode 100644 index 0000000000..3a591036d7 --- /dev/null +++ b/files/fr/web/api/performanceelementtiming/index.md @@ -0,0 +1,82 @@ +--- +title: PerformanceElementTiming +slug: Web/API/PerformanceElementTiming +tags: + - API + - Interface + - Reference + - PerformanceElementTiming +translation_of: Web/API/PerformanceElementTiming +--- +
{{SeeCompatTable}}{{Non-Standard_Header}}{{APIRef("Element Timing API")}}
+ +

L'interface PerformanceElementTiming de l'API Element Timing API rapporte les informations de timing sur un élément spécifique identifié par l'auteur de la page. Par exemple, elle peut fournir des informations sur l'image principale d'un article.

+ +

Propriétés

+ +
+
PerformanceElementTiming.element {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
+
Un Element représentant l'élément pour lequel nous retournons des informations.
+
PerformanceElementTiming.id {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
+
Un DOMString qui est l'identifiant (attribut id) de l'élément.
+
PerformanceElementTiming.identifier {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
+
Une DOMString qui est la valeur de l'attribut elementtiming de l'élément.
+
PerformanceElementTiming.intersectionRect {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
+
Un DOMRectReadOnly qui est le rectangle de l'élément dans la fenêtre d'affichage.
+
PerformanceElementTiming.loadTime {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
+
Un DOMHighResTimeStamp avec l'heure de chargement de l'élément.
+
PerformanceElementTiming.naturalHeight {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
+
Un entier de 32 bits non signé (unsigned long) qui est la hauteur intrinsèque de l'image si cela est appliqué à une image, 0 pour le texte.
+
PerformanceElementTiming.naturalWidth {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
+
Un entier de 32 bits non signé (unsigned long) qui est la largeur intrinsèque de l'image si cela est appliqué à une image, 0 pour le texte.
+
PerformanceElementTiming.renderTime {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
+
Un DOMHighResTimeStamp avec le renderTime de l'élément.
+
PerformanceElementTiming.url {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}
+
Une DOMString qui est l'URL initiale de la demande de ressources pour les images, 0 pour le texte.
+
+ +

Méthodes

+ +
+
PerformanceElementTiming.toJSON() {{Experimental_Inline}} {{Non-Standard_Inline}}
+
Génère une description JSON de l'objet.
+
+ +

Exemples

+ +

Dans cet exemple, nous avons deux éléments qui sont observés. Nous utilisons l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, l'observation de l'élément PerformanceEntry.entrytype element afin d'utiliser l'interface PerformanceElementTiming.

+ +

Deux entrées seront affichées dans la console. La première contenant les détails de l'image, la seconde les détails du nœud texte.

+ +
<img src="image.jpg" elementtiming="big-image">
+<p elementtiming="text" id="text-id">le texte ici</p>
+ +
const observer = new PerformanceObserver((list) => {
+  let entries = list.getEntries().forEach(function (entry) {
+      console.log(entry);
+  });
+});
+observer.observe({ entryTypes: ["element"] });
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#sec-performance-element-timing','PerformanceElementTiming')}}{{Spec2('Element Timing API')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

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

diff --git a/files/fr/web/api/performanceelementtiming/intersectionrect/index.html b/files/fr/web/api/performanceelementtiming/intersectionrect/index.html deleted file mode 100644 index 4954876475..0000000000 --- a/files/fr/web/api/performanceelementtiming/intersectionrect/index.html +++ /dev/null @@ -1,66 +0,0 @@ ---- -title: PerformanceElementTiming.intersectionRect -slug: Web/API/PerformanceElementTiming/intersectionRect -tags: - - API - - Property - - Propriété - - Reference - - intersectionRect - - PerformanceElementTiming -translation_of: Web/API/PerformanceElementTiming/intersectionRect ---- -
{{APIRef("Element Timing API")}}
- -

La propriété en lecture seule intersectionRect de l'interface PerformanceElementTiming renvoie le rectangle de l'élément dans la zone d'affichage (viewport).

- -

Syntaxe

- -
var rect = PerformanceElementTiming.intersectionRect;
- -

Valeur

-

Un objet DOMRectReadOnly qui est le rectangle de l'élément dans la zone d'affichage.

- -

Pour les images, il s'agit du rectangle d'affichage de l'image dans la zone d'affichage. Pour le texte, il s'agit du rectangle d'affichage du nœud dans la zone d'affichage. Il s'agit du plus petit rectangle qui contient l'union de tous les nœuds de texte appartenant à l'élément.

- -

Exemples

- -

Dans cet exemple, l'appel à entry.intersectionRect renvoie un objet DOMRectReadOnly avec le rectangle d'affichage de l'image.

- -
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
- -
const observer = new PerformanceObserver((list) => {
-  let entries = list.getEntries().forEach(function (entry) {
-    if (entry.identifier === "big-image") {
-      console.log(entry.intersectionRect);
-    }
-  });
-});
-observer.observe({ entryTypes: ["element"] });
- -
-

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

-
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-intersectionrect','PerformanceElementTiming.intersectionRect')}}{{Spec2('Element Timing API')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.PerformanceElementTiming.intersectionRect")}}

diff --git a/files/fr/web/api/performanceelementtiming/intersectionrect/index.md b/files/fr/web/api/performanceelementtiming/intersectionrect/index.md new file mode 100644 index 0000000000..4954876475 --- /dev/null +++ b/files/fr/web/api/performanceelementtiming/intersectionrect/index.md @@ -0,0 +1,66 @@ +--- +title: PerformanceElementTiming.intersectionRect +slug: Web/API/PerformanceElementTiming/intersectionRect +tags: + - API + - Property + - Propriété + - Reference + - intersectionRect + - PerformanceElementTiming +translation_of: Web/API/PerformanceElementTiming/intersectionRect +--- +
{{APIRef("Element Timing API")}}
+ +

La propriété en lecture seule intersectionRect de l'interface PerformanceElementTiming renvoie le rectangle de l'élément dans la zone d'affichage (viewport).

+ +

Syntaxe

+ +
var rect = PerformanceElementTiming.intersectionRect;
+ +

Valeur

+

Un objet DOMRectReadOnly qui est le rectangle de l'élément dans la zone d'affichage.

+ +

Pour les images, il s'agit du rectangle d'affichage de l'image dans la zone d'affichage. Pour le texte, il s'agit du rectangle d'affichage du nœud dans la zone d'affichage. Il s'agit du plus petit rectangle qui contient l'union de tous les nœuds de texte appartenant à l'élément.

+ +

Exemples

+ +

Dans cet exemple, l'appel à entry.intersectionRect renvoie un objet DOMRectReadOnly avec le rectangle d'affichage de l'image.

+ +
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
+ +
const observer = new PerformanceObserver((list) => {
+  let entries = list.getEntries().forEach(function (entry) {
+    if (entry.identifier === "big-image") {
+      console.log(entry.intersectionRect);
+    }
+  });
+});
+observer.observe({ entryTypes: ["element"] });
+ +
+

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-intersectionrect','PerformanceElementTiming.intersectionRect')}}{{Spec2('Element Timing API')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceElementTiming.intersectionRect")}}

diff --git a/files/fr/web/api/performanceelementtiming/loadtime/index.html b/files/fr/web/api/performanceelementtiming/loadtime/index.html deleted file mode 100644 index 28e33d6384..0000000000 --- a/files/fr/web/api/performanceelementtiming/loadtime/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: PerformanceElementTiming.loadTime -slug: Web/API/PerformanceElementTiming/loadTime -tags: - - API - - Property - - Propriété - - Reference - - loadTime - - PerformanceElementTiming -translation_of: Web/API/PerformanceElementTiming/loadTime ---- -
{{APIRef("Element Timing API")}}
- -

La propriété en lecture seule loadTime de l'interface PerformanceElementTiming renvoie toujours 0 pour le texte. Pour les images, elle renvoie le temps qui est le plus tardif entre le moment où la ressource image est chargée et le moment où elle est attachée à l'élément.

- -

Syntaxe

- -
var loadTime = PerformanceElementTiming.loadTime;
- -

Valeur

-

Un objet DOMHighResTimeStamp avec le temps de chargement de l'élément.

- -

Exemples

- -

Dans cet exemple, l'appel à entry.loadTime renvoie le temps de chargement de l'image.

- -
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
- -
const observer = new PerformanceObserver((list) => {
-  let entries = list.getEntries().forEach(function (entry) {
-    if (entry.identifier === "big-image") {
-      console.log(entry.loadTime);
-    }
-  });
-});
-observer.observe({ entryTypes: ["element"] });
- -
-

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

-
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-loadtime','PerformanceElementTiming.loadTime')}}{{Spec2('Element Timing API')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.PerformanceElementTiming.loadTime")}}

diff --git a/files/fr/web/api/performanceelementtiming/loadtime/index.md b/files/fr/web/api/performanceelementtiming/loadtime/index.md new file mode 100644 index 0000000000..28e33d6384 --- /dev/null +++ b/files/fr/web/api/performanceelementtiming/loadtime/index.md @@ -0,0 +1,64 @@ +--- +title: PerformanceElementTiming.loadTime +slug: Web/API/PerformanceElementTiming/loadTime +tags: + - API + - Property + - Propriété + - Reference + - loadTime + - PerformanceElementTiming +translation_of: Web/API/PerformanceElementTiming/loadTime +--- +
{{APIRef("Element Timing API")}}
+ +

La propriété en lecture seule loadTime de l'interface PerformanceElementTiming renvoie toujours 0 pour le texte. Pour les images, elle renvoie le temps qui est le plus tardif entre le moment où la ressource image est chargée et le moment où elle est attachée à l'élément.

+ +

Syntaxe

+ +
var loadTime = PerformanceElementTiming.loadTime;
+ +

Valeur

+

Un objet DOMHighResTimeStamp avec le temps de chargement de l'élément.

+ +

Exemples

+ +

Dans cet exemple, l'appel à entry.loadTime renvoie le temps de chargement de l'image.

+ +
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
+ +
const observer = new PerformanceObserver((list) => {
+  let entries = list.getEntries().forEach(function (entry) {
+    if (entry.identifier === "big-image") {
+      console.log(entry.loadTime);
+    }
+  });
+});
+observer.observe({ entryTypes: ["element"] });
+ +
+

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-loadtime','PerformanceElementTiming.loadTime')}}{{Spec2('Element Timing API')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceElementTiming.loadTime")}}

diff --git a/files/fr/web/api/performanceelementtiming/naturalheight/index.html b/files/fr/web/api/performanceelementtiming/naturalheight/index.html deleted file mode 100644 index 204efdc562..0000000000 --- a/files/fr/web/api/performanceelementtiming/naturalheight/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: PerformanceElementTiming.naturalHeight -slug: Web/API/PerformanceElementTiming/naturalHeight -tags: - - API - - Property - - Propriété - - Reference - - naturalHeight - - PerformanceElementTiming -translation_of: Web/API/PerformanceElementTiming/naturalHeight ---- -
{{APIRef("Element Timing API")}}
- -

La propriété en lecture seule naturalHeight de l'interface PerformanceElementTiming renvoie la hauteur intrinsèque de l'élément image.

- -

Syntaxe

- -
var height = PerformanceElementTiming.naturalHeight;
- -

Valeur

-

Un entier de 32 bits non signé (unsigned long) qui est la hauteur intrinsèque de l'image si cela est appliqué à une image, 0 pour le texte.

- -

Exemples

- -

Dans cet exemple, le fichier image a une largeur de 1000px et une hauteur de 750px. L'appel de entry.naturalHeight renvoie 750, c'est-à-dire la hauteur intrinsèque en pixels.

- -
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
- -
const observer = new PerformanceObserver((list) => {
-  let entries = list.getEntries().forEach(function (entry) {
-    if (entry.identifier === "big-image") {
-      console.log(entry.naturalHeight);
-    }
-  });
-});
-observer.observe({ entryTypes: ["element"] });
- -
-

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

-
- -

Specifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-naturalheight','PerformanceElementTiming.naturalHeight')}}{{Spec2('Element Timing API')}}Initial definition.
- -

Compatibilité des navigateurs

- -

{{Compat("api.PerformanceElementTiming.naturalHeight")}}

diff --git a/files/fr/web/api/performanceelementtiming/naturalheight/index.md b/files/fr/web/api/performanceelementtiming/naturalheight/index.md new file mode 100644 index 0000000000..204efdc562 --- /dev/null +++ b/files/fr/web/api/performanceelementtiming/naturalheight/index.md @@ -0,0 +1,64 @@ +--- +title: PerformanceElementTiming.naturalHeight +slug: Web/API/PerformanceElementTiming/naturalHeight +tags: + - API + - Property + - Propriété + - Reference + - naturalHeight + - PerformanceElementTiming +translation_of: Web/API/PerformanceElementTiming/naturalHeight +--- +
{{APIRef("Element Timing API")}}
+ +

La propriété en lecture seule naturalHeight de l'interface PerformanceElementTiming renvoie la hauteur intrinsèque de l'élément image.

+ +

Syntaxe

+ +
var height = PerformanceElementTiming.naturalHeight;
+ +

Valeur

+

Un entier de 32 bits non signé (unsigned long) qui est la hauteur intrinsèque de l'image si cela est appliqué à une image, 0 pour le texte.

+ +

Exemples

+ +

Dans cet exemple, le fichier image a une largeur de 1000px et une hauteur de 750px. L'appel de entry.naturalHeight renvoie 750, c'est-à-dire la hauteur intrinsèque en pixels.

+ +
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
+ +
const observer = new PerformanceObserver((list) => {
+  let entries = list.getEntries().forEach(function (entry) {
+    if (entry.identifier === "big-image") {
+      console.log(entry.naturalHeight);
+    }
+  });
+});
+observer.observe({ entryTypes: ["element"] });
+ +
+

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

+
+ +

Specifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-naturalheight','PerformanceElementTiming.naturalHeight')}}{{Spec2('Element Timing API')}}Initial definition.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceElementTiming.naturalHeight")}}

diff --git a/files/fr/web/api/performanceelementtiming/naturalwidth/index.html b/files/fr/web/api/performanceelementtiming/naturalwidth/index.html deleted file mode 100644 index 3e254d3289..0000000000 --- a/files/fr/web/api/performanceelementtiming/naturalwidth/index.html +++ /dev/null @@ -1,63 +0,0 @@ ---- -title: PerformanceElementTiming.naturalWidth -slug: Web/API/PerformanceElementTiming/naturalWidth -tags: - - API - - Property - - Propriété - - Reference - - naturalWidth - - PerformanceElementTiming -translation_of: Web/API/PerformanceElementTiming/naturalWidth ---- -
{{APIRef("Element Timing API")}}
- -

La propriété en lecture seule naturalWidth de l'interface PerformanceElementTiming renvoie la largeur intrinsèque de l'élément image.

-

Syntax

- -
var width = PerformanceElementTiming.naturalWidth;
- -

Valeur

-

Un entier de 32 bits non signé (unsigned long) qui est la largeur intrinsèque de l'image si cela est appliqué à une image, 0 pour le texte.

- -

Exemples

- -

Dans cet exemple, le fichier image a une largeur de 1000px et une hauteur de 750px. L'appel de entry.naturalWidth renvoie 1000, c'est-à-dire la largeur intrinsèque en pixels.

- -
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
- -
const observer = new PerformanceObserver((list) => {
-  let entries = list.getEntries().forEach(function (entry) {
-    if (entry.identifier === "big-image") {
-      console.log(entry.naturalWidth);
-    }
-  });
-});
-observer.observe({ entryTypes: ["element"] });
- -
-

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

-
- -

Specifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-naturalwidth','PerformanceElementTiming.naturalWidth')}}{{Spec2('Element Timing API')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.PerformanceElementTiming.naturalWidth")}}

diff --git a/files/fr/web/api/performanceelementtiming/naturalwidth/index.md b/files/fr/web/api/performanceelementtiming/naturalwidth/index.md new file mode 100644 index 0000000000..3e254d3289 --- /dev/null +++ b/files/fr/web/api/performanceelementtiming/naturalwidth/index.md @@ -0,0 +1,63 @@ +--- +title: PerformanceElementTiming.naturalWidth +slug: Web/API/PerformanceElementTiming/naturalWidth +tags: + - API + - Property + - Propriété + - Reference + - naturalWidth + - PerformanceElementTiming +translation_of: Web/API/PerformanceElementTiming/naturalWidth +--- +
{{APIRef("Element Timing API")}}
+ +

La propriété en lecture seule naturalWidth de l'interface PerformanceElementTiming renvoie la largeur intrinsèque de l'élément image.

+

Syntax

+ +
var width = PerformanceElementTiming.naturalWidth;
+ +

Valeur

+

Un entier de 32 bits non signé (unsigned long) qui est la largeur intrinsèque de l'image si cela est appliqué à une image, 0 pour le texte.

+ +

Exemples

+ +

Dans cet exemple, le fichier image a une largeur de 1000px et une hauteur de 750px. L'appel de entry.naturalWidth renvoie 1000, c'est-à-dire la largeur intrinsèque en pixels.

+ +
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
+ +
const observer = new PerformanceObserver((list) => {
+  let entries = list.getEntries().forEach(function (entry) {
+    if (entry.identifier === "big-image") {
+      console.log(entry.naturalWidth);
+    }
+  });
+});
+observer.observe({ entryTypes: ["element"] });
+ +
+

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

+
+ +

Specifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-naturalwidth','PerformanceElementTiming.naturalWidth')}}{{Spec2('Element Timing API')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceElementTiming.naturalWidth")}}

diff --git a/files/fr/web/api/performanceelementtiming/rendertime/index.html b/files/fr/web/api/performanceelementtiming/rendertime/index.html deleted file mode 100644 index b541771563..0000000000 --- a/files/fr/web/api/performanceelementtiming/rendertime/index.html +++ /dev/null @@ -1,68 +0,0 @@ ---- -title: PerformanceElementTiming.renderTime -slug: Web/API/PerformanceElementTiming/renderTime -tags: - - API - - Property - - Propriété - - Reference - - renderTime - - PerformanceElementTiming -translation_of: Web/API/PerformanceElementTiming/renderTime ---- -
{{APIRef("Element Timing API")}}
- -

La propriété en lecture seule renderTime de l'interface PerformanceElementTiming renvoie le temps écoulé pour le rendu de l'élément associé.

- -

Syntaxe

- -
var renderTime = PerformanceElementTiming.renderTime;
- -

Valeur

-

Un objet DOMHighResTimeStamp avec le temps de rendu de l'élément.

- -

Pour les images, il s'agira de l'horodatage du rendu de l'image. Ceci est défini comme le moment du rendu suivant le chargement complet de l'image. Si la vérification de l'autorisation de temporisation échoue (comme défini par l'en-tête Timing-allow-origin), ceci retournera 0.

- -

Pour les nœuds de texte, il s'agira de l'horodatage du rendu du texte. Ceci est défini comme le moment où l'élément est affiché à l'écran.

- -

Exemples

- -

Dans cet exemple, appeler entry.renderTime renvoie le temps de rendu de l'élément image.

- -
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
- -
const observer = new PerformanceObserver((list) => {
-  let entries = list.getEntries().forEach(function (entry) {
-    if (entry.identifier === "big-image") {
-      console.log(entry.renderTime);
-    }
-  });
-});
-observer.observe({ entryTypes: ["element"] });
- -
-

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

-
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-rendertime','PerformanceElementTiming.renderTime')}}{{Spec2('Element Timing API')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.PerformanceElementTiming.renderTime")}}

diff --git a/files/fr/web/api/performanceelementtiming/rendertime/index.md b/files/fr/web/api/performanceelementtiming/rendertime/index.md new file mode 100644 index 0000000000..b541771563 --- /dev/null +++ b/files/fr/web/api/performanceelementtiming/rendertime/index.md @@ -0,0 +1,68 @@ +--- +title: PerformanceElementTiming.renderTime +slug: Web/API/PerformanceElementTiming/renderTime +tags: + - API + - Property + - Propriété + - Reference + - renderTime + - PerformanceElementTiming +translation_of: Web/API/PerformanceElementTiming/renderTime +--- +
{{APIRef("Element Timing API")}}
+ +

La propriété en lecture seule renderTime de l'interface PerformanceElementTiming renvoie le temps écoulé pour le rendu de l'élément associé.

+ +

Syntaxe

+ +
var renderTime = PerformanceElementTiming.renderTime;
+ +

Valeur

+

Un objet DOMHighResTimeStamp avec le temps de rendu de l'élément.

+ +

Pour les images, il s'agira de l'horodatage du rendu de l'image. Ceci est défini comme le moment du rendu suivant le chargement complet de l'image. Si la vérification de l'autorisation de temporisation échoue (comme défini par l'en-tête Timing-allow-origin), ceci retournera 0.

+ +

Pour les nœuds de texte, il s'agira de l'horodatage du rendu du texte. Ceci est défini comme le moment où l'élément est affiché à l'écran.

+ +

Exemples

+ +

Dans cet exemple, appeler entry.renderTime renvoie le temps de rendu de l'élément image.

+ +
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
+ +
const observer = new PerformanceObserver((list) => {
+  let entries = list.getEntries().forEach(function (entry) {
+    if (entry.identifier === "big-image") {
+      console.log(entry.renderTime);
+    }
+  });
+});
+observer.observe({ entryTypes: ["element"] });
+ +
+

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-rendertime','PerformanceElementTiming.renderTime')}}{{Spec2('Element Timing API')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceElementTiming.renderTime")}}

diff --git a/files/fr/web/api/performanceelementtiming/tojson/index.html b/files/fr/web/api/performanceelementtiming/tojson/index.html deleted file mode 100644 index b0dd7affae..0000000000 --- a/files/fr/web/api/performanceelementtiming/tojson/index.html +++ /dev/null @@ -1,68 +0,0 @@ ---- -title: PerformanceElementTiming.toJSON() -slug: Web/API/PerformanceElementTiming/toJSON -tags: - - API - - Method - - Méthode - - Reference - - toJSON() - - PerformanceElementTiming -translation_of: Web/API/PerformanceElementTiming/toJSON ---- -
{{APIRef("Element Timing API")}}
- -

La méthode toJSON() de l'interface PerformanceElementTiming est un sérialiseur standard. Elle renvoie une représentation JSON des propriétés de l'objet.

- -

Syntaxe

- -
var json = PerformanceElementTiming.toJSON();
- -

Valeur de retour

- -
-
json
-
Un objet JSON qui est la sérialisation de l'objet PerformanceElementTiming.
-
- -

Exemples

- -

Dans cet exemple, l'appel de entry.toJSON() renvoie une représentation JSON de l'objet PerformanceElementTiming, avec les informations sur l'élément image.

- -
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
- -
const observer = new PerformanceObserver((list) => {
-  let entries = list.getEntries().forEach(function (entry) {
-    if (entry.identifier === "big-image") {
-      console.log(entry.toJSON());
-    }
-  });
-});
-observer.observe({ entryTypes: ["element"] });
- -
-

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

-
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-tojson','PerformanceElementTiming.toJson()')}}{{Spec2('Element Timing API')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.PerformanceElementTiming.toJSON")}}

diff --git a/files/fr/web/api/performanceelementtiming/tojson/index.md b/files/fr/web/api/performanceelementtiming/tojson/index.md new file mode 100644 index 0000000000..b0dd7affae --- /dev/null +++ b/files/fr/web/api/performanceelementtiming/tojson/index.md @@ -0,0 +1,68 @@ +--- +title: PerformanceElementTiming.toJSON() +slug: Web/API/PerformanceElementTiming/toJSON +tags: + - API + - Method + - Méthode + - Reference + - toJSON() + - PerformanceElementTiming +translation_of: Web/API/PerformanceElementTiming/toJSON +--- +
{{APIRef("Element Timing API")}}
+ +

La méthode toJSON() de l'interface PerformanceElementTiming est un sérialiseur standard. Elle renvoie une représentation JSON des propriétés de l'objet.

+ +

Syntaxe

+ +
var json = PerformanceElementTiming.toJSON();
+ +

Valeur de retour

+ +
+
json
+
Un objet JSON qui est la sérialisation de l'objet PerformanceElementTiming.
+
+ +

Exemples

+ +

Dans cet exemple, l'appel de entry.toJSON() renvoie une représentation JSON de l'objet PerformanceElementTiming, avec les informations sur l'élément image.

+ +
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
+ +
const observer = new PerformanceObserver((list) => {
+  let entries = list.getEntries().forEach(function (entry) {
+    if (entry.identifier === "big-image") {
+      console.log(entry.toJSON());
+    }
+  });
+});
+observer.observe({ entryTypes: ["element"] });
+ +
+

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-tojson','PerformanceElementTiming.toJson()')}}{{Spec2('Element Timing API')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceElementTiming.toJSON")}}

diff --git a/files/fr/web/api/performanceelementtiming/url/index.html b/files/fr/web/api/performanceelementtiming/url/index.html deleted file mode 100644 index 6828122328..0000000000 --- a/files/fr/web/api/performanceelementtiming/url/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: PerformanceElementTiming.url -slug: Web/API/PerformanceElementTiming/url -tags: - - API - - Property - - Propriété - - Reference - - url - - PerformanceElementTiming -translation_of: Web/API/PerformanceElementTiming/url ---- -
{{APIRef("Element Timing API")}}
- -

La propriété en lecture seule url de l'interface PerformanceElementTiming renvoie l'URL initiale de la demande de ressource lorsque l'élément est une image.

- -

Syntaxe

- -
var url = PerformanceElementTiming.url;
- -

Valeur

-

Une DOMString qui est l'URL initiale de la demande de ressources pour les images ou 0 pour le texte.

- -

Exemples

- -

Dans cet exemple, appeler entry.url renvoie https://example.com/image.jpg.

- -
<img src="https://example.com/image.jpg" alt="une belle imahe" elementtiming="big-image" id="myImage">
- -
const observer = new PerformanceObserver((list) => {
-  let entries = list.getEntries().forEach(function (entry) {
-    if (entry.identifier === "big-image") {
-      console.log(entry.url);
-    }
-  });
-});
-observer.observe({ entryTypes: ["element"] });
- -
-

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

-
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-url','PerformanceElementTiming.url')}}{{Spec2('Element Timing API')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.PerformanceElementTiming.url")}}

diff --git a/files/fr/web/api/performanceelementtiming/url/index.md b/files/fr/web/api/performanceelementtiming/url/index.md new file mode 100644 index 0000000000..6828122328 --- /dev/null +++ b/files/fr/web/api/performanceelementtiming/url/index.md @@ -0,0 +1,64 @@ +--- +title: PerformanceElementTiming.url +slug: Web/API/PerformanceElementTiming/url +tags: + - API + - Property + - Propriété + - Reference + - url + - PerformanceElementTiming +translation_of: Web/API/PerformanceElementTiming/url +--- +
{{APIRef("Element Timing API")}}
+ +

La propriété en lecture seule url de l'interface PerformanceElementTiming renvoie l'URL initiale de la demande de ressource lorsque l'élément est une image.

+ +

Syntaxe

+ +
var url = PerformanceElementTiming.url;
+ +

Valeur

+

Une DOMString qui est l'URL initiale de la demande de ressources pour les images ou 0 pour le texte.

+ +

Exemples

+ +

Dans cet exemple, appeler entry.url renvoie https://example.com/image.jpg.

+ +
<img src="https://example.com/image.jpg" alt="une belle imahe" elementtiming="big-image" id="myImage">
+ +
const observer = new PerformanceObserver((list) => {
+  let entries = list.getEntries().forEach(function (entry) {
+    if (entry.identifier === "big-image") {
+      console.log(entry.url);
+    }
+  });
+});
+observer.observe({ entryTypes: ["element"] });
+ +
+

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-url','PerformanceElementTiming.url')}}{{Spec2('Element Timing API')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceElementTiming.url")}}

-- cgit v1.2.3-54-g00ecf