diff --git a/src/web/html/api.js b/src/web/html/api.js
index 0a194634..939d2f5d 100644
--- a/src/web/html/api.js
+++ b/src/web/html/api.js
@@ -31,6 +31,23 @@ function parseESP(obj) {
     document.getElementById("esp_type").innerHTML="Board: " + obj["esp_type"];
 }
 
+function parseSysInfo(obj) {
+    document.getElementById("sdkversion").innerHTML=    "SDKv.: " + obj["sdkversion"];
+    document.getElementById("cpufreq").innerHTML=       "CPU MHz: " + obj["cpufreq"] + "MHz";
+    document.getElementById("chiprevision").innerHTML=  "Rev.: " + obj["chiprevision"];
+    document.getElementById("chipmodel").innerHTML=     "Model: " + obj["chipmodel"];
+    document.getElementById("chipcores").innerHTML=     "Core: " + obj["chipcores"];
+    document.getElementById("esp_type").innerHTML=      "Type: " + obj["esp_type"];
+
+    document.getElementById("heap_used").innerHTML=     "Used: " + obj["heap_used"];
+    document.getElementById("heap_total").innerHTML=      "Total: " + obj["heap_total"];
+}
+
+function changeProgressbar(id, value, max) {
+    document.getElementById(id).value = value;
+    document.getElementById(id).max = max;
+}
+
 function setHide(id, hide) {
     var elm = document.getElementById(id);
     if(hide) {
diff --git a/src/web/html/system.html b/src/web/html/system.html
index c49f7f8e..828dfdf1 100644
--- a/src/web/html/system.html
+++ b/src/web/html/system.html
@@ -17,7 +17,18 @@
             <div id="topnav" class="hide"></div>
         </div>
         <div id="wrapper">
-            <div id="content"></div>
+            <div id="content">
+                <ul>
+                    <li>Heap:<progress id="heap" max="100" value="70"></progress> <span id="heap_used"></span>(<span id="heap_total"></span>)</li>
+                    <li><span id="sdkversion"></span></li>
+                    <li><span id="cpufreq"></span></li>
+                    <li><span id="chiprevision"></span></li>
+                    <li><span id="chipmodel"></span></li>
+                    <li><span id="chipcores"></span></li>
+                    <li><span id="esp_type"></span></li>
+                </ul>
+                <div id="system"></div>
+            </div>
         </div>
         <div id="footer">
             <div class="left">
@@ -35,13 +46,15 @@
         <script type="text/javascript">
             function parseSys(obj) {
                 parseVersion(obj);
+                changeProgressbar("heap", obj["heap_used"], obj["heap_total"]);
             }
 
             function parse(obj) {
                 if(null != obj) {
                     parseMenu(obj["menu"]);
                     parseSys(obj["system"]);
-                    var e = document.getElementById("content");
+                    parseSysInfo(obj["system"]);
+                    var e = document.getElementById("system");
                     e.innerHTML = obj["html"];
 
                     if(null != obj["refresh"]) {
diff --git a/src/web/webApi.cpp b/src/web/webApi.cpp
index 9e094386..8ebf41a1 100644
--- a/src/web/webApi.cpp
+++ b/src/web/webApi.cpp
@@ -155,6 +155,21 @@ void webApi::getSysInfo(JsonObject obj) {
     obj[F("wifi_rssi")]   = WiFi.RSSI();
     obj[F("disclaimer")]  = mConfig->disclaimer;
     obj[F("pwd_set")]     = (strlen(mConfig->password) > 0);
+
+    obj[F("hostname")]      = WiFi.getHostname();
+    obj[F("sdkversion")]    = ESP.getSdkVersion();
+    obj[F("cpufreq")]       = ESP.getCpuFreqMHz();
+
+    obj[F("heap_total")]    = ESP.getHeapSize();
+    obj[F("heap_used")]     = ESP.getHeapSize() - ESP.getFreeHeap();
+    obj[F("sketch_total")]  = ESP.getFreeSketchSpace();
+    obj[F("sketch_used")]   = ESP.getSketchSize();
+    //obj[F("littlefs_total")] = LittleFS.totalBytes();
+    //obj[F("littlefs_used")] = LittleFS.usedBytes();
+
+    obj[F("chiprevision")]  = ESP.getChipRevision();
+    obj[F("chipmodel")]     = ESP.getChipModel();
+    obj[F("chipcores")]     = ESP.getChipCores();
 #if defined(ESP32)
     obj[F("esp_type")]    = F("ESP32");
 #else