{"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\/en\/demos\/chat-vergleich\/","title":{"rendered":"AI chat comparison"},"content":{"rendered":"    <section class=\"tb-chatdemo\" data-tb-chat-demo>\n        <header class=\"tb-chatdemo__head\">\n            <h1 class=\"tb-chatdemo__title\">AI chat comparison<\/h1>\n            <p class=\"tb-chatdemo__lead\">\n                How quickly does which AI respond? This demo realistically simulates how Offline, Online, and Turbo modes differ. Click on one of the example questions and observe all three modes in parallel.\n            <\/p>\n            <p class=\"tb-chatdemo__note\">\n                Note: the responses come from a simulation, not from a real model. Response content, first token time, and streaming speed are realistically modeled.\n            <\/p>\n            <p class=\"tb-chatdemo__note\">\n                Advanced note: the investment slider further down only affects the offline mode and shows how response time and context window change depending on hardware class from mini-PC to professional rack.\n            <\/p>\n        <\/header>\n\n        <div class=\"tb-chatdemo__questions\" role=\"group\" aria-label=\"Beispiel-Fragen\">\n                            <button type=\"button\" class=\"tb-chatdemo__qbtn\" data-q=\"q1\">\n                    What time is it and what do you suggest for me this evening?                <\/button>\n                            <button type=\"button\" class=\"tb-chatdemo__qbtn\" data-q=\"q2\">\n                    Explain the difference between offline, online, and turbo AI.                <\/button>\n                            <button type=\"button\" class=\"tb-chatdemo__qbtn\" data-q=\"q3\">\n                    Solve the quadratic equation x\u00b2 \u2212 5x + 6 = 0 using the quadratic formula.                <\/button>\n                            <button type=\"button\" class=\"tb-chatdemo__qbtn\" data-q=\"q4\">\n                    Write a Python function that calculates the n-th Fibonacci number using memoization.                <\/button>\n                            <button type=\"button\" class=\"tb-chatdemo__qbtn\" data-q=\"q5\">\n                    What are three immediately applicable AI applications for an SME?                <\/button>\n                    <\/div>\n\n        <div class=\"tb-chatdemo__slider-wrap\">\n            <label for=\"tb-chatdemo-investment\" class=\"tb-chatdemo__slider-label\">\n                Investment in own offline hardware.\n                <span class=\"tb-chatdemo__slider-value\" data-tb-investment-value>,000 CHF\n                <\/span>\n            <\/label>\n            <input type=\"range\" id=\"tb-chatdemo-investment\" class=\"tb-chatdemo__slider\" min=\"4000\" max=\"80000\" step=\"1000\" value=\"4000\" data-tb-investment>\n            <div class=\"tb-chatdemo__slider-tier\" data-tb-investment-tier>\n                Mini-PC with GPU (24 GB VRAM)\n            <\/div>\n            <div class=\"tb-chatdemo__slider-help\">\n                More investment in offline hardware means faster responses and more context. The investment only affects the offline mode; cloud modes are hardware-independent.\n            <\/div>\n        <\/div>\n\n        <div class=\"tb-chatdemo__columns\">\n                            <article class=\"tb-chatdemo__col tb-chatdemo__col--offline\" 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>ready<\/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\">own server<\/span>\n                    <\/div>\n\n                    <div class=\"tb-chatdemo__bubble\" data-tb-bubble>\n                        <span class=\"tb-chatdemo__bubble-empty\">Select a question above<\/span>\n                    <\/div>\n\n                    <footer class=\"tb-chatdemo__col-foot\">\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>First token<\/span>\n                            <strong data-tb-metric-first>-<\/strong>\n                        <\/div>\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Total<\/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>Costs<\/span>\n                            <strong data-tb-metric-cost>-<\/strong>\n                        <\/div>\n                    <\/footer>\n                <\/article>\n                            <article class=\"tb-chatdemo__col tb-chatdemo__col--online\" 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>ready<\/span>\n                    <\/header>\n                    <div class=\"tb-chatdemo__col-model\">\n                        <span class=\"tb-chatdemo__col-model-name\" data-tb-model>GPT-Class Cloud Model<\/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\">Select a question above<\/span>\n                    <\/div>\n\n                    <footer class=\"tb-chatdemo__col-foot\">\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>First token<\/span>\n                            <strong data-tb-metric-first>-<\/strong>\n                        <\/div>\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Total<\/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>Costs<\/span>\n                            <strong data-tb-metric-cost>-<\/strong>\n                        <\/div>\n                    <\/footer>\n                <\/article>\n                            <article class=\"tb-chatdemo__col tb-chatdemo__col--turbo\" 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>ready<\/span>\n                    <\/header>\n                    <div class=\"tb-chatdemo__col-model\">\n                        <span class=\"tb-chatdemo__col-model-name\" data-tb-model>gpt-oss-120b on Wafer Scale<\/span>\n                        <span class=\"tb-chatdemo__col-host\">Special Cloud<\/span>\n                    <\/div>\n\n                    <div class=\"tb-chatdemo__bubble\" data-tb-bubble>\n                        <span class=\"tb-chatdemo__bubble-empty\">Select a question above<\/span>\n                    <\/div>\n\n                    <footer class=\"tb-chatdemo__col-foot\">\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>First token<\/span>\n                            <strong data-tb-metric-first>-<\/strong>\n                        <\/div>\n                        <div class=\"tb-chatdemo__metric\">\n                            <span>Total<\/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>Costs<\/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>Last requests in this session<\/h2>\n                <button type=\"button\" class=\"tb-chatdemo__history-reset\" data-tb-history-reset>\n                    Clear history\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>Timestamp<\/th>\n                            <th>Question<\/th>\n                            <th>Model<\/th>\n                            <th>Mode<\/th>\n                            <th>Tokens on<\/th>\n                            <th>Tokens off<\/th>\n                            <th>Tokens\/s<\/th>\n                            <th>First token<\/th>\n                            <th>Total<\/th>\n                            <th>Costs<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody data-tb-history-body>\n                        <tr class=\"tb-chatdemo__history-empty\">\n                            <td colspan=\"11\">\n                                No request yet in this session. Start with an example question above.\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}]}}