{"id":463,"date":"2026-06-12T12:17:34","date_gmt":"2026-06-12T12:17:34","guid":{"rendered":"https:\/\/www.tb-software.ch\/ai\/demos\/chat-vergleich\/"},"modified":"2026-06-12T12:17:34","modified_gmt":"2026-06-12T12:17:34","slug":"chat-vergleich","status":"publish","type":"page","link":"https:\/\/www.tb-software.ch\/ai\/demos\/chat-vergleich\/","title":{"rendered":"KI-Chat-Vergleich"},"content":{"rendered":"    <section class=\"tb-chatdemo\" data-tb-chat-demo>\n        <header class=\"tb-chatdemo__head\">\n            <h1 class=\"tb-chatdemo__title\">KI-Chat-Vergleich<\/h1>\n            <p class=\"tb-chatdemo__lead\">\n                Wie schnell antwortet welche KI? Diese Demo simuliert realistisch wie\n                Offline-, Online- und Turbo-Modus sich unterscheiden. Klicke auf eine\n                der Beispiel-Fragen und beobachte alle drei Modi parallel.\n            <\/p>\n            <p class=\"tb-chatdemo__note\">\n                Hinweis: die Antworten kommen aus einer Simulation, nicht aus einem\n                echten Modell. Antwort-Inhalt, First-Token-Zeit und Streaming-Geschwindigkeit\n                sind aber realistisch nachgebildet.\n            <\/p>\n            <p class=\"tb-chatdemo__note\">\n                Hinweis fortgeschritten: der Investitions-Slider weiter unten beeinflusst\n                nur den Offline-Modus und zeigt wie sich Antwortzeit und Kontextfenster\n                je nach Hardware-Klasse von Mini-PC bis Profi-Rack ver\u00e4ndern.\n            <\/p>\n        <\/header>\n\n        <div class=\"tb-chatdemo__questions\" role=\"group\" aria-label=\"Beispiel-Fragen\">\n                            <button type=\"button\"\n                        class=\"tb-chatdemo__qbtn\"\n                        data-q=\"q1\">\n                    Wie sp\u00e4t ist es und was schl\u00e4gst du mir heute Abend vor?                <\/button>\n                            <button type=\"button\"\n                        class=\"tb-chatdemo__qbtn\"\n                        data-q=\"q2\">\n                    Erkl\u00e4re mir den Unterschied zwischen Offline-, Online- und Turbo-KI                <\/button>\n                            <button type=\"button\"\n                        class=\"tb-chatdemo__qbtn\"\n                        data-q=\"q3\">\n                    L\u00f6se die quadratische Gleichung x\u00b2 \u2212 5x + 6 = 0 mit der Mitternachtsformel                <\/button>\n                            <button type=\"button\"\n                        class=\"tb-chatdemo__qbtn\"\n                        data-q=\"q4\">\n                    Schreibe eine Python-Funktion die die n-te Fibonacci-Zahl mit Memoization berechnet                <\/button>\n                            <button type=\"button\"\n                        class=\"tb-chatdemo__qbtn\"\n                        data-q=\"q5\">\n                    Was sind drei sofort umsetzbare KI-Anwendungen f\u00fcr ein KMU?                <\/button>\n                    <\/div>\n\n        <div class=\"tb-chatdemo__slider-wrap\">\n            <label for=\"tb-chatdemo-investment\" class=\"tb-chatdemo__slider-label\">\n                Investition in eigene Offline-Hardware\n                <span class=\"tb-chatdemo__slider-value\" data-tb-investment-value>\n                    4'000 CHF\n                <\/span>\n            <\/label>\n            <input type=\"range\"\n                   id=\"tb-chatdemo-investment\"\n                   class=\"tb-chatdemo__slider\"\n                   min=\"4000\"\n                   max=\"80000\"\n                   step=\"1000\"\n                   value=\"4000\"\n                   data-tb-investment>\n            <div class=\"tb-chatdemo__slider-tier\" data-tb-investment-tier>\n                Mini-PC mit GPU (24 GB VRAM)\n            <\/div>\n            <div class=\"tb-chatdemo__slider-help\">\n                Mehr Investment in Offline-Hardware bedeutet schnellere Antworten und mehr\n                Kontext. Die Investition beeinflusst nur den Offline-Modus, Cloud-Modi sind\n                hardware-unabh\u00e4ngig.\n            <\/div>\n        <\/div>\n\n        <div class=\"tb-chatdemo__columns\">\n                            <article class=\"tb-chatdemo__col tb-chatdemo__col--offline\"\n                         data-tb-col=\"offline\">\n                    <header class=\"tb-chatdemo__col-head\">\n                        <span class=\"tb-chatdemo__pill tb-chatdemo__pill--offline\">\n                            Offline                        <\/span>\n                        <span class=\"tb-chatdemo__col-led\" data-tb-led aria-hidden=\"true\"><\/span>\n                        <span class=\"tb-chatdemo__col-status\" data-tb-status>bereit<\/span>\n                    <\/header>\n                    <div class=\"tb-chatdemo__col-model\">\n                        <span class=\"tb-chatdemo__col-model-name\" data-tb-model>TBS-Mistral Small 3.2 24B<\/span>\n                        <span class=\"tb-chatdemo__col-host\">eigener Server<\/span>\n                    <\/div>\n\n                    <div class=\"tb-chatdemo__bubble\" data-tb-bubble>\n                        <span class=\"tb-chatdemo__bubble-empty\">W\u00e4hle oben eine Frage<\/span>\n                    <\/div>\n\n                    <footer class=\"tb-chatdemo__col-foot\">\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Erstes Token<\/span>\n                            <strong data-tb-metric-first>-<\/strong>\n                        <\/div>\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Gesamt<\/span>\n                            <strong data-tb-metric-total>-<\/strong>\n                        <\/div>\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Tokens\/s<\/span>\n                            <strong data-tb-metric-tps>-<\/strong>\n                        <\/div>\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Kosten<\/span>\n                            <strong data-tb-metric-cost>-<\/strong>\n                        <\/div>\n                    <\/footer>\n                <\/article>\n                            <article class=\"tb-chatdemo__col tb-chatdemo__col--online\"\n                         data-tb-col=\"online\">\n                    <header class=\"tb-chatdemo__col-head\">\n                        <span class=\"tb-chatdemo__pill tb-chatdemo__pill--online\">\n                            Online                        <\/span>\n                        <span class=\"tb-chatdemo__col-led\" data-tb-led aria-hidden=\"true\"><\/span>\n                        <span class=\"tb-chatdemo__col-status\" data-tb-status>bereit<\/span>\n                    <\/header>\n                    <div class=\"tb-chatdemo__col-model\">\n                        <span class=\"tb-chatdemo__col-model-name\" data-tb-model>GPT-Klasse Cloud-Modell<\/span>\n                        <span class=\"tb-chatdemo__col-host\">US-Cloud<\/span>\n                    <\/div>\n\n                    <div class=\"tb-chatdemo__bubble\" data-tb-bubble>\n                        <span class=\"tb-chatdemo__bubble-empty\">W\u00e4hle oben eine Frage<\/span>\n                    <\/div>\n\n                    <footer class=\"tb-chatdemo__col-foot\">\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Erstes Token<\/span>\n                            <strong data-tb-metric-first>-<\/strong>\n                        <\/div>\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Gesamt<\/span>\n                            <strong data-tb-metric-total>-<\/strong>\n                        <\/div>\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Tokens\/s<\/span>\n                            <strong data-tb-metric-tps>-<\/strong>\n                        <\/div>\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Kosten<\/span>\n                            <strong data-tb-metric-cost>-<\/strong>\n                        <\/div>\n                    <\/footer>\n                <\/article>\n                            <article class=\"tb-chatdemo__col tb-chatdemo__col--turbo\"\n                         data-tb-col=\"turbo\">\n                    <header class=\"tb-chatdemo__col-head\">\n                        <span class=\"tb-chatdemo__pill tb-chatdemo__pill--turbo\">\n                            Turbo                        <\/span>\n                        <span class=\"tb-chatdemo__col-led\" data-tb-led aria-hidden=\"true\"><\/span>\n                        <span class=\"tb-chatdemo__col-status\" data-tb-status>bereit<\/span>\n                    <\/header>\n                    <div class=\"tb-chatdemo__col-model\">\n                        <span class=\"tb-chatdemo__col-model-name\" data-tb-model>gpt-oss-120b auf Wafer-Scale<\/span>\n                        <span class=\"tb-chatdemo__col-host\">Spezial-Cloud<\/span>\n                    <\/div>\n\n                    <div class=\"tb-chatdemo__bubble\" data-tb-bubble>\n                        <span class=\"tb-chatdemo__bubble-empty\">W\u00e4hle oben eine Frage<\/span>\n                    <\/div>\n\n                    <footer class=\"tb-chatdemo__col-foot\">\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Erstes Token<\/span>\n                            <strong data-tb-metric-first>-<\/strong>\n                        <\/div>\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Gesamt<\/span>\n                            <strong data-tb-metric-total>-<\/strong>\n                        <\/div>\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Tokens\/s<\/span>\n                            <strong data-tb-metric-tps>-<\/strong>\n                        <\/div>\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Kosten<\/span>\n                            <strong data-tb-metric-cost>-<\/strong>\n                        <\/div>\n                    <\/footer>\n                <\/article>\n                    <\/div>\n\n        <section class=\"tb-chatdemo__history\" data-tb-history-wrap>\n            <header class=\"tb-chatdemo__history-head\">\n                <h2>Letzte Anfragen in dieser Sitzung<\/h2>\n                <button type=\"button\" class=\"tb-chatdemo__history-reset\" data-tb-history-reset>\n                    History leeren\n                <\/button>\n            <\/header>\n            <div class=\"tb-chatdemo__history-tablewrap\">\n                <table class=\"tb-chatdemo__history-table\">\n                    <thead>\n                        <tr>\n                            <th>ID<\/th>\n                            <th>Zeitstempel<\/th>\n                            <th>Frage<\/th>\n                            <th>Modell<\/th>\n                            <th>Modus<\/th>\n                            <th>Tokens ein<\/th>\n                            <th>Tokens aus<\/th>\n                            <th>Tokens\/s<\/th>\n                            <th>Erstes Token<\/th>\n                            <th>Gesamt<\/th>\n                            <th>Kosten<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody data-tb-history-body>\n                        <tr class=\"tb-chatdemo__history-empty\">\n                            <td colspan=\"11\">\n                                Noch keine Anfrage in dieser Sitzung. Starte oben mit einer Beispiel-Frage.\n                            <\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/section>\n    <\/section>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":451,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-463","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=\/wp\/v2\/pages\/463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=463"}],"version-history":[{"count":0,"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=\/wp\/v2\/pages\/463\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=\/wp\/v2\/pages\/451"}],"wp:attachment":[{"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}