Daten zu HTML/CSS Rendering Performance auf Web-Server sammeln

Thomas Darimont

Erfahrenes Mitglied
Hallo,

was haltet Ihr von der Idee für Performanzanalysen verschiedene Performance-Counters via JS auf Client-Seite zu erheben und diese nachträglich (asynchron) an den Server zu schicken.

Hierzu bietet sich beispielsweise an die "performance" Struktur (soweit verfügbar, z.Bsp. aus Chrome/WebKit basierten Browsern, IE10)
als JSON-String an den Server zu senden:
Javascript:
JSON.stringify(performance)

Ausgabe:
Code:
{
  "onwebkitresourcetimingbufferfull": null,
  "memory": {
    "jsHeapSizeLimit": 793000000,
    "usedJSHeapSize": 10000000,
    "totalJSHeapSize": 18200000
  },
  "timing": {
    "loadEventEnd": 1371550037316,
    "loadEventStart": 1371550037296,
    "domComplete": 1371550037295,
    "domContentLoadedEventEnd": 1371550037285,
    "domContentLoadedEventStart": 1371550037281,
    "domInteractive": 1371550037281,
    "domLoading": 1371550036423,
    "responseEnd": 1371550036504,
    "responseStart": 1371550036413,
    "requestStart": 1371550036214,
    "secureConnectionStart": 0,
    "connectEnd": 1371550036214,
    "connectStart": 1371550036179,
    "domainLookupEnd": 1371550036179,
    "domainLookupStart": 1371550036179,
    "fetchStart": 1371550036175,
    "redirectEnd": 0,
    "redirectStart": 0,
    "unloadEventEnd": 1371550036417,
    "unloadEventStart": 1371550036414,
    "navigationStart": 1371550036175
  },
  "navigation": {
    "redirectCount": 0,
    "type": 0
  }
}

Siehe auch:
http://www.w3.org/TR/navigation-timing/

Gruß Tom