HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>JSON vs XML — size</title>
</head>
<body>
  <h1>Size comparison</h1>
  <pre id="out"></pre>
  <script>
    (function () {
      var jsonText = JSON.stringify({
        name: "Ada",
        age: 36,
        active: true
      });

      var xmlText =
        "<person>" +
        "<name>Ada</name>" +
        "<age>36</age>" +
        "<active>true</active>" +
        "</person>";

      document.getElementById("out").textContent = [
        "JSON length: " + jsonText.length,
        "XML length: " + xmlText.length,
        jsonText
      ].join("\n");
    })();
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

JSON vs XML — size compare (Try It)