blob: 21da532b765035e8c42bc992bb1f38913b8e4e00 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
---
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`](/fr/docs/Web/API/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
```js
var loadTime = PerformanceElementTiming.loadTime;
```
### Valeur
Un objet [`DOMHighResTimeStamp`](/fr/docs/Web/API/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.
```html
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
```
```js
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`](/fr/docs/Web/API/PerformanceObserver) pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément [`PerformanceEntry.entryType`](/fr/docs/Web/API/PerformanceEntry/entryType) afin d'utiliser l'interface `PerformanceElementTiming`.
## Spécifications
| Spécification | Statut | Commentaire |
| ---------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | -------------------- |
| {{SpecName('Element Timing API','#dom-performanceelementtiming-loadtime','PerformanceElementTiming.loadTime')}} | {{Spec2('Element Timing API')}} | Définition initiale. |
## Compatibilité des navigateurs
{{Compat("api.PerformanceElementTiming.loadTime")}}
|
