{"id":23775,"date":"2023-01-29T09:43:58","date_gmt":"2023-01-29T08:43:58","guid":{"rendered":"https:\/\/blog.mi.hdm-stuttgart.de\/?p=23775"},"modified":"2023-08-06T21:39:08","modified_gmt":"2023-08-06T19:39:08","slug":"business-case-web-performance-optimization-wann-lohnt-es-sich","status":"publish","type":"post","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2023\/01\/29\/business-case-web-performance-optimization-wann-lohnt-es-sich\/","title":{"rendered":"Business Case \u201eWeb Performance Optimization\u201c. Wann lohnt es sich?"},"content":{"rendered":"\n<p>Onlineshops wie Amazon sind heutzutage nicht mehr wegzudenken. Doch nicht jeder Onlineshop wird automatisch erfolgreich, da die Webseiten oft aufgrund hoher Datenmengen, verursacht durch beispielsweise Bilder, eine hohe Ladezeit besitzen. Menschen werden zunehmend ungeduldiger und warten nicht gerne auf Suchergebnisse. Nahezu jede Person kennt heutzutage das Gef\u00fchl, eine Webseite zu schlie\u00dfen, da der Inhalt nicht schnell genug geladen wird. &nbsp;Doch wie erreicht ein Unternehmen eine gute Performance der eigenen Webseite und wie h\u00e4ngt dies mit dem Business Case zusammen?<\/p>\n\n\n\n<p>Um dies zu erl\u00e4utern werden im Vorfeld die Grundbegriffe Web Performance und Business Case n\u00e4her erl\u00e4utert und im Anschluss der Zusammenhang dieser beiden Begriffe konkreter beschrieben.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Business Case<\/h2>\n\n\n\n<p>Bevor ein neues Projekt in einem Unternehmen umgesetzt wird, sollte sich dieses bewusst sein, ob sich das Projekt positiv auf das Unternehmen auswirkt. Bei einem Business Case geht es darum, finanzielle und strategische Auswirkungen einer Investition festzuhalten. Bei der Erstellung des Business Case k\u00f6nnte herauskommen, dass die prognostizierten Kosten den erwarteten Nutzen \u00fcberschreiten. Dann w\u00e4re es von Vorteil, dieses Projekt nicht umzusetzen. Wird der Business Case gewissenhaft erstellt, bietet er dem Unternehmen einige Vorteile. Er hilft, die Entscheidung zu treffen, ob das Projekt umgesetzt wird und stellt diesbez\u00fcglich eine Transparenz dar. Zus\u00e4tzlich bietet es die M\u00f6glichkeit, das Projekt mit anderen Projekten zu vergleichen und ein Risikomanagement ist ebenfalls inbegriffen.<br>Ein Business Case beinhaltet eine Beschreibung des Szenarios und zus\u00e4tzlich eine Prognose des erzielten Nutzens. Dabei kann ein Business Case mehrere Szenarien beinhalten, die jeweils alle Rahmenbedingungen, verbundene Risiken und die erwartete Auswirkung beinhalten. Bei der Prognose des erzielten Nutzens wird eine Investitionsrechnung durchgef\u00fchrt. Dies kann zum Beispiel durch eine Kosten-Nutzen-Analyse berechnet werden. Grunds\u00e4tzlich gibt es ein paar Leitfragen, die nach der Erstellung des Business Case beantwortet werden. Hierzu geh\u00f6ren die folgenden Fragen: [1]&nbsp;[2]<\/p>\n\n\n\n<figure class=\"wp-block-image alignright size-full is-resized\"><a href=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild1.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"23776\" data-permalink=\"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2023\/01\/29\/business-case-web-performance-optimization-wann-lohnt-es-sich\/bild1-4\/\" data-orig-file=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild1.png\" data-orig-size=\"701,451\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Bild1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild1.png\" src=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild1.png\" alt=\"\" class=\"wp-image-23776\" width=\"272\" height=\"175\" srcset=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild1.png 701w, https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild1-300x193.png 300w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><\/a><figcaption class=\"wp-element-caption\"><em>Abbildung 1: Zusammenspiel verschiedener Faktoren im Business Case <\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Warum soll das Projekt durchgef\u00fchrt werden?<\/li>\n\n\n\n<li>Was passiert, wenn das Projekt nicht durchgef\u00fchrt wird und alles beim aktuellen Zustand bleibt?<\/li>\n\n\n\n<li>Gibt es eine Alternative?<\/li>\n\n\n\n<li>Welcher Nutzen entsteht durch das Projekt?<\/li>\n\n\n\n<li>Wie viel Zeit muss f\u00fcr das Projekt eingeplant werden?<\/li>\n\n\n\n<li>Gibt es Risiken?<\/li>\n\n\n\n<li>Welche Kosten werden erwartet? &nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Web Performance<\/h2>\n\n\n\n<figure class=\"wp-block-image alignleft size-full is-resized\"><a href=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild2-1.jpg\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"23778\" data-permalink=\"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2023\/01\/29\/business-case-web-performance-optimization-wann-lohnt-es-sich\/bild2-1\/\" data-orig-file=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild2-1.jpg\" data-orig-size=\"560,400\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Bild2-1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild2-1.jpg\" src=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild2-1.jpg\" alt=\"\" class=\"wp-image-23778\" width=\"324\" height=\"231\" srcset=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild2-1.jpg 560w, https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild2-1-300x214.jpg 300w\" sizes=\"auto, (max-width: 324px) 100vw, 324px\" \/><\/a><figcaption class=\"wp-element-caption\"><em>Abbildung 2: Web Performance Optimierung<\/em><\/figcaption><\/figure>\n\n\n\n<p>Investiert ein Unternehmen Zeit und Geld, um die Performance einer Webseite zu verbessern, kann dies mehrere Vorteile beinhalten. Ein entscheidender Punkt ist, dass Nutzer einer Webseite zufriedener sind, wenn sie k\u00fcrzer warten m\u00fcssen. Somit bleiben Nutzer l\u00e4nger auf der Webseite, empfehlen die Webseite eventuell weiter. Ist die Performance einer Webseite gut, wird diese im Suchmaschinenranking bevorzugt.<br>Um Web Performance zu messen, m\u00fcssen im Vorfeld Leistungsfaktoren festgelegt werden. Die sogenannten Key Performance Indicators (KPI) werden hierf\u00fcr h\u00e4ufig eingesetzt. KPIs lassen sich in verschiedene Bereiche unterteilen, um m\u00f6glichst viele verschiedene M\u00f6glichkeiten der Optimierung abzudecken. Bei den technischen KPIs handelt es sich \u00fcberwiegend um die Verf\u00fcgbarkeit der Webseite. Diese sollte m\u00f6glichst 24h an sieben Tagen der Woche erreichbar sein, so dass der Nutzer jederzeit auf die gew\u00fcnschte Webseite zugreifen kann. Hierbei gilt es zu beachten, dass der Nutzer m\u00f6glicherweise mit verschiedenen Ger\u00e4ten von verschiedenen Standorten zugreifen m\u00f6chte. Auch dies sollte ohne Komplikationen gew\u00e4hrleistet sein. Ein weiteres KPI befasst sich mit der Geschwindigkeit von Webseiten. Dabei gilt es, die Ladezeit der Webseite so gering wie m\u00f6glich zu halten. Hierbei sollte stets die Ladezeit ab der Anfrage des Nutzers berechnet werden. Dies umfasst die Antwortzeit des Servers, die Daten\u00fcbertragungsgeschwindigkeit und die Renderzeit im Browser. Ist die Webseite schnell genug, wird sie im Suchmaschinenranking etwas bevorzugt und weiter oben angezeigt. Somit steigt die Wahrscheinlichkeit, dass ein Nutzer die Webseite aufruft. Berechnet wird ebenfalls, wie viele Anfragen pro Sekunde an den Server gesendet werden. Treffen auf einen einzelnen Server zu viele Anfragen ein, verschlechtert sich die Leistung und die Geschwindigkeit der Webseite nimmt ab. Zus\u00e4tzlich wird die Anzahl der serverseitigen Fehlerrate in einem bestimmten Zeitraum gemessen. Ist die Fehlerrate zu hoch, kann sich auch dies negativ auf die Webseite auswirken. KPIs k\u00f6nnen vom Unternehmen selbst definiert und festgelegt werden. Hierbei gibt es fast keine Grenzen. M\u00f6gliche weitere KPIs w\u00e4ren: Social Engagement (Shares, Likes, Kommentare), Anzahl der Verk\u00e4ufe, Kundenkontakte und der Umsatz durch die Webseite. Zur Analyse und Auswertung der gemessenen Werte wird oftmals eine spezielle Software ben\u00f6tigt. [3]&nbsp;[4]&nbsp;[5]<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wie kann man die Performance einer Webseite verbessern?<\/h3>\n\n\n\n<p>Um die Performance einer Webseite zu verbessern, gibt es verschiedene M\u00f6glichkeiten. Einige Fehler werden von mehreren Unternehmen gemacht, diese werden im Folgenden kurz erl\u00e4utert.<br>Ein sehr gro\u00dfer Hauptfaktor in der Optimierung von Webseiten ist die Steigerung der Geschwindigkeit. Im besten Fall sollte dieser Punkt in allen Phasen der Entwicklung ber\u00fccksichtigt werden und nicht ausschlie\u00dflich am Ende. Doch auch Optimierungen im Nachhinein k\u00f6nnen einen gro\u00dfen Effekt auf die Performance der Webseite bewirken. Zus\u00e4tzlich ist es von Bedeutung, welchen Webservice ein Unternehmen nutzt. Oftmals werden hier mittelm\u00e4\u00dfige Webservices verwendet, die letztendlich jedoch zu langsam sind, um eine hohe Geschwindigkeit der Webseite zu erlauben. Sinnvoll f\u00fcr alle Unternehmen ist, sich im Vorfeld Gedanken zu machen, um einen qualitativ passenden Webservice zu finden. Hat ein Unternehmen bereits eine bestehende Webseite, ist es oft dazu verleitet, weitere Plug-Ins zu entwickeln, um den Kunden noch bessere und umfangreichere Funktionen zur Verf\u00fcgung zu stellen. Jedoch verlangsamen Plug-Ins h\u00e4ufig die Ladezeit der Webseite, was die Bedienbarkeit beeintr\u00e4chtigt. Aus diesem Grund empfiehlt es sich, Add-Ons auf ein Minimum zu reduzieren und Plug-Ins mit gro\u00dfen Datenstr\u00f6men au\u00dferhalb des Servers zu hosten. Auch wenn f\u00fcr viele Online-Unternehmen wie Google die Haupteinnahmequelle aus Online-Werbung besteht, gilt es auch hierbei einige Faktoren zu beachten. Wird zu viel Eigentum der eigenen Webseite an Dritte verkauft, verlangsamt dies die Webseite. Jeder externe Service muss geladen werden, was Zeit in Anspruch nimmt. Ist die Webseite zu langsam, springen potenzielle Kunden ab. &nbsp;[6]<br>Eine zus\u00e4tzliche Auswirkung auf die Performance der Webseite hat die Auswahl der verwendeten Frameworks. Frameworks beschleunigen den Entwicklungsprozess und gew\u00e4hrleisten ein gewisses Ma\u00df an Sicherheit und Wartbarkeit. Grunds\u00e4tzlich k\u00f6nnen Frameworks unterteilt werden in Backend- und Frontend-Frameworks. Die wohl bekanntesten Backend-Framework hei\u00dfen Laravel, Django und Flask. Sie \u00fcbernehmen beispielsweise die Aufgaben f\u00fcr das Routing von URLs, die Interaktion mit der Datenbank und die Verbesserung der Sicherheit. Backend-Frameworks werden auf dem Server ausgef\u00fchrt. Frontend-Frameworks werden im Gegenzug in dem Browser des Nutzers ausgef\u00fchrt und nutzen JavaScript oder Cascading Style Sheets (CSS).&nbsp; Bekannte JavaScript Frontend-Frameworks sind React, Angular und Vue.js. Diese sind f\u00fcr Single Page Anwendungen konzipiert und da \u00c4nderungen des Zustands direkt in der Benutzeroberfl\u00e4che angezeigt werden, reduziert das die Serverlast und Ladezeit beim Nutzer. CSS-Frameworks wie Bootstrap, Foundation und Bulma bieten Designvorlagen f\u00fcr Elemente wie Buttons und Checkboxen. Jedes Framework hat seine eigenen Vor-und Nachteile, die je nach Anwendungsfall hilfreich sind. [7]<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Performance Marketing<\/h2>\n\n\n\n<p>Performance Marketing hat die Aufgabe, den Zusammenhang zwischen Leistung (Performance) und dem Erfolg beziehungsweise Misserfolg aufzuzeigen. Dabei geht es vor allem um messbare Nutzerinteraktionen, wie die KPIs. Das Performance Marketing l\u00e4sst sich in vier verschiedene Bereiche aufteilen, welche im Folgenden erl\u00e4utert werden.&nbsp; Der erste Bereich umfasst das Formulieren und Generieren von Zielen. H\u00e4ufig wird hierbei ein Marketingziel (z.B. Produktbekanntheit erh\u00f6hen), ein Unternehmensziel (z.B. Marktanteile erhalten), ein Kundenbezogenes Ziel (z.B. Kundenbindung festigen) oder ein Kampagnenbezogenes Ziel (z.B. Besucherzahlen steigern) angesetzt. Der zweite Bereich befasst sich mit Marketinginitiativen, die unter anderem Search Engine Advertising (SEA) und Suchmaschinenoptimierung (SEO) beinhalten. Der dritte Bereich befasst sich mit Controlling. In diesem Bereich sollen die Ergebnisse der Marketinganalyse sichtbar gemacht werden. Der vierte und letzte Bereich besch\u00e4ftigt sich mit der Optimierung der Webseite.<br>Performance Marketing hat einige Vor- und Nachteile. Vorteile sind, dass messbare Ergebnisse vorhanden sind und die Optimierungsma\u00dfnahmen zielgenau eingesetzt werden k\u00f6nnen. Nachteilig ist zu betrachten, dass eine regelm\u00e4\u00dfige Datenanalyse notwendig ist und eine professionelle Auswertung ben\u00f6tigt wird. [8]<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Suchmaschinenoptimierung (SEO)<\/h3>\n\n\n\n<figure class=\"wp-block-image alignleft size-full is-resized\"><a href=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild3.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"23779\" data-permalink=\"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2023\/01\/29\/business-case-web-performance-optimization-wann-lohnt-es-sich\/bild3-2\/\" data-orig-file=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild3.png\" data-orig-size=\"582,499\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Bild3\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild3.png\" src=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild3.png\" alt=\"\" class=\"wp-image-23779\" width=\"336\" height=\"288\" srcset=\"https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild3.png 582w, https:\/\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild3-300x257.png 300w\" sizes=\"auto, (max-width: 336px) 100vw, 336px\" \/><\/a><figcaption class=\"wp-element-caption\"><em>Abbildung 3: Zusammenspiel verschiedener Komponenten der SEO<\/em><\/figcaption><\/figure>\n\n\n\n<p>Ziel der Suchmaschinenoptimierung ist es, eine gute Platzierung zu bekommen. Dies hat die Auswirkung, dass die Webseite wahrscheinlich h\u00e4ufiger angeklickt wird, als bei einer schlechteren Platzierung. Der Algorithmus der Suchmaschinen beachtet hierbei jedoch weit \u00fcber 200 verschiedene Faktoren, um die Platzierung festzulegen. Diese Faktoren werden in verschiedene Unterkategorien unterteilt. Bei der Onpage-Optimierung handelt es sich um alle Ma\u00dfnahmen, die direkt mit der Webseite in Verbindung stehen. Dazu geh\u00f6rt unter anderem die Ladezeit, HTML-Code, die Strukturierung der Webseite und interne Verlinkungen. Die Offpage-Programmierung bewertet die Webseite in Bezug auf \u00e4hnliche Webseiten. Die Content und Key Strategie befasst sich mit den Keywords, die relevant sind, und mit Inhalten, die potentielle Nutzer suchen k\u00f6nnten. In der Suchmaschinenoptimierung ist die Seiten-Performance wichtig f\u00fcr die Platzierung. Die Seiten-Performance setzt sich beispielsweise aus der Page-Speed, der Anzahl der indexierten Seiten und der Anzahl an 404 Fehlerseiten zusammen. [5]<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Suchmaschinenwerbung (SEA)<\/h3>\n\n\n\n<p>Bei der Suchmaschinenwerbung handelt es sich um eine bezahlte Platzierung. Im Gegensatz zur SEO spielt hierbei nicht nur ein Algorithmus eine Rolle sondern ebenfalls das h\u00f6chste Gebot und die Intention des Nutzens. Die Suchmaschinenwerbung kann nach Bezahlung direkt genutzt werden. Hierzu unterscheidet sie sich ebenfalls zur SEO. Die SEO ben\u00f6tigt Zeit, bis die Webseite ihren Platz im Algorithmus gefunden hat. [5]<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wie wirkt sich Web Performance auf den Business Case aus?<\/h2>\n\n\n\n<p>Eine gute Web Performance ist oftmals mit viel Aufwand verbunden. Warum also sollten sich Unternehmen die M\u00fche machen und ihre Webseiten optimieren? Ziel ist, mit Hilfe von Web Performance den Umsatz zu steigern und die Kunden st\u00e4rker an das Unternehmen zu binden. Dazu wurden einige Studien durchgef\u00fchrt, welche im Anschluss kurz erl\u00e4utert werden. Bereits 2009 hat Amazon festgestellt, dass sich die Geschwindigkeit der Webseite auf den Umsatz des Unternehmens auswirkt. Dabei wurde herausgefunden, dass jede 100ms Latenzzeit das Unternehmen 1% Umsatz kostet und jede Sekunde Verz\u00f6gerung kann bei einem so gro\u00dfen Online-H\u00e4ndler zu \u00fcber 1,5 Milliarden Dollar Verlust f\u00fchren. Google hat zudem ver\u00f6ffentlicht, dass eine Person von vier Benutzern die Webseite verl\u00e4sst, wenn diese beim Laden l\u00e4nger als vier Sekunden ben\u00f6tigt. Doch nicht nur Amazon und Google haben in dieser Richtung geforscht. 2015 hat Optimizely absichtlich Webseiten verlangsamt, um die Auswirkung zu messen. Dabei hat eine Ladezeitverz\u00f6gerung von acht Sekunden die Auswirkung, dass die Webseite ca. 17,5% weniger Aufrufe bekommt. Zus\u00e4tzlich hat Netflix im Jahre 2018 rausgefunden, dass das Vorabrufen und Optimieren von HTML, CSS und JavaScript die Zeit bis zur Interaktivit\u00e4t um ca. 50% reduziert. Die Leistung einer Webseite wirkt sich dementsprechend auf den Umsatz aus. [9]&nbsp;[6]<\/p>\n\n\n\n<p>Anhand der oben genannten Faktoren scheint es sinnvoll, die Web Performance zu verbessern. Jedoch ist es wichtig, zu beachten, dass f\u00fcr eine gute Web Performance oftmals viel an Zeit und Geld investiert werden muss. Die unterschiedlichen Faktoren sollten stets in einem Business Case festgehalten werden, sodass das Unternehmen damit \u00fcberpr\u00fcfen kann, inwieweit sich die Optimierung positiv auswirkt. Wenn die erwarteten Kosten f\u00fcr die Umsetzung den erwarteten Nutzen \u00fcberschreiten, wird die Web Performance dem Unternehmen keinen Gewinn bringen. \u00dcbersteigt der erwartete Nutzen jedoch die anfallenden Kosten, wird sich die Optimierung der Webseite lohnen. Schon mit kleineren Ver\u00e4nderungen kann ein gro\u00dfer positiver Effekt in der Schnelligkeit der Webseite erreicht werden. Ein gutes Ziel jedes Unternehmens w\u00e4re, die Performance der Webseite so weit wie m\u00f6glich zu optimieren, dass die Kundenzufriedenheit steigt und die Benutzer die Webseite mit Freude besuchen. Sind die Kunden zufrieden, so wirkt sich dies positiv auf das Unternehmen aus. Ab wann sich eine Optimierung tats\u00e4chlich lohnt, muss jedes Unternehmen individuell entscheiden. Wird der Business Case im Vorfeld gewissenhaft ausgef\u00fcllt, stellt dieses Dokument eine gro\u00dfe Hilfe dar.<\/p>\n\n\n\n<p>Startet ein Unternehmen ein neues Projekt, ist es von Vorteil, die Performance der Webseite direkt zu Beginn mit einzubeziehen und nicht erst im Nachhinein zu verbessern. Viele Schritte k\u00f6nnen bereits w\u00e4hrend der Implementierung ber\u00fccksichtigt werden, ohne dass viel Zeit verloren geht und dennoch bringt es dem Unternehmen einen gro\u00dfen Gewinn. Ein Beispiel hierf\u00fcr ist, Bilder direkt komprimiert hochzuladen, um lange Ladezeiten der Webseite zu verhindern. Des Weiteren ist es in vielen F\u00e4llen von Vorteil, sich im Vorfeld Gedanken \u00fcber m\u00f6gliche Technologien und externe Dienste zu machen. Eine gr\u00fcndliche Recherche und eine gezielte Entscheidung kann im Nachhinein Geld und Arbeit ersparen. Zus\u00e4tzlich ist es effizient, anfangs festzulegen, welche Funktionen die Webseite wirklich braucht und dem Benutzer im Umgang hilft. S\u00e4mtliche Zusatzfunktionen k\u00f6nnen genau \u00fcberlegt und abgewogen werden. Hat eine Webseite zu viele Funktionen, sind f\u00fcr den Benutzer verwirrend. Die Benutzerfreundlichkeit nimmt ab und zus\u00e4tzlich steigt die Ladezeit der Webseite, da zus\u00e4tzliche Funktionen bereitgestellt werden m\u00fcssen. Werden all diese Faktoren bereits bei der Planung des Projektes beachtet, besteht ein guter Grundstein, mit dem weitere Verbesserungsma\u00dfnahmen vorgenommen werden k\u00f6nnen. Bei jeder einzelnen Verbesserung muss das Unternehmen abw\u00e4gen, inwieweit sich der Aufwand, das Geld und die Zeit lohnen. Oftmals ist es nicht zielf\u00fchrend, sich im Detail zu verlieren und mehrere Tage zu investieren, wenn letztendlich nur eine minimale Verbesserung bewirkt wird. Um die Webseite auf ihre Performance zu testen, gibt es verschiedenen Tools (Bsp. <a href=\"https:\/\/www.webpagetest.org\/\">https:\/\/www.webpagetest.org\/<\/a>). Diese Tools helfen dabei, Schwachstellen aufzudecken, sodass diese, falls n\u00f6tig, von den Entwicklern behoben werden.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Fazit<\/h1>\n\n\n\n<p>Die Optimierung der Performance einer Webseite kann dem Unternehmen viele Vorteile bringen. Web Performance ist ein Grundstein, um die Webseite f\u00fcr Neukunden attraktiv zu machen, aber auch um bestehende Kunden zu erhalten. Lediglich zufriedene Kunden werden dem Unternehmen treu bleiben und dieses gegebenenfalls weiter empfehlen. Mit Hilfe des Business Case ist zu \u00fcberpr\u00fcfen, in wie weit sich die Optimierung positiv auf das Unternehmen auswirkt. Sobald die erwarteten Kosten f\u00fcr die Umsetzung h\u00f6her sind als der erwartete Nutzen, ist es nicht empfehlenswert, diese Optimierung durchzuf\u00fchren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Literaturverzeichnis<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>G. Dr. Angermeier, \u201eBusiness Case,\u201c 15 05 2015. [Online]. Available: https:\/\/www.projektmagazin.de\/glossarterm\/business-case#:~:text=Ein%20Business%20Case%20ist%20ein,des%20Auftraggebers%20eine%20Investition%20dar. [Zugriff am 01 01 2023].<\/td><\/tr><tr><td>2<\/td><td>t2informatik, \u201eBusiness Case,\u201c [Online]. Available: https:\/\/t2informatik.de\/wissen-kompakt\/business-case\/. [Zugriff am 01 01 2023].<\/td><\/tr><tr><td>3<\/td><td>J. Dr. Fleig, \u201eKey Performance Indicators (KPI),\u201c 06 09 2022. [Online]. Available: https:\/\/www.business-wissen.de\/hb\/key-performance-indicators-kpi-beispiele-anschaulich-erklaert\/. [Zugriff am 02 01 2023].<\/td><\/tr><tr><td>4<\/td><td>C. Haeringer, \u201eThe Important of Web Performance Optimization (WPO),\u201c 05 05 2015. [Online]. Available: https:\/\/insights.project-a.com\/the-importance-of-web-performance-optimization-wpo-9ace123c1cab. [Zugriff am 02 01 2023].<\/td><\/tr><tr><td>5<\/td><td>I. Kamps und D. Schetter, Performance Marketing &#8211; Der Wegweiser zu einem mess- und steuerbaren Online- Marketing &#8211; Einf\u00fchrung in Instrumente, Methoden und Technik, Wiesbaden: Springer Fachmedien Wiesbaden GmbH, 2020.<\/td><\/tr><tr><td>6<\/td><td>\u201eEin Leitfaden f\u00fcr Anf\u00e4nger zur Optimierung der Webseiten- Geschwindigkeit,\u201c kinsta, 07 12 2022. [Online]. Available: https:\/\/kinsta.com\/de\/lernen\/website-geschwindigkeit\/. [Zugriff am 03 01 2023].<\/td><\/tr><tr><td>7<\/td><td>M. Kiefer, \u201eDie beliebtesten Frontend und Backend Web-Frameworks,\u201c 07 07 2022. [Online]. Available: https:\/\/www.lakdev.de\/frameworks. [Zugriff am 07 01 2023].<\/td><\/tr><tr><td>8<\/td><td>D. D. Donne, \u201eWas ist Performance-Marketing,\u201c HubSpot, 23 05 2022. [Online]. Available: https:\/\/blog.hubspot.de\/marketing\/performance-marketing. [Zugriff am 30 12 2022].<\/td><\/tr><tr><td>9<\/td><td>E. Yordanov, NitroPack, 23 12 2022. [Online]. Available: https:\/\/nitropack.io\/blog\/post\/web-performance-matters-case-studies. [Zugriff am 02 01 2023].<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quellen Abbildungen<\/h2>\n\n\n\n<p>Abbildung 1: https:\/\/www.microtool.de\/wp-content\/uploads\/2017\/04\/business-case-%C3%BCberblick.png, Zugriff am 29.01.2023<\/p>\n\n\n\n<p>Abbildung 2: <a href=\"https:\/\/webhoster.de\/wp-content\/uploads\/2021\/04\/AdobeStock_85035287-scaled-1.jpeg\">https:\/\/webhoster.de\/wp-content\/uploads\/2021\/04\/AdobeStock_85035287-scaled-1.jpeg<\/a>, Zugriff am 29.01.2023<\/p>\n\n\n\n<p>Abbildung 3: <a href=\"https:\/\/www.seocon.at\/wp-content\/uploads\/2016\/08\/SEO.png\">https:\/\/www.seocon.at\/wp-content\/uploads\/2016\/08\/SEO.png<\/a>, Zugriff am 29.01.2023<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Onlineshops wie Amazon sind heutzutage nicht mehr wegzudenken. Doch nicht jeder Onlineshop wird automatisch erfolgreich, da die Webseiten oft aufgrund hoher Datenmengen, verursacht durch beispielsweise Bilder, eine hohe Ladezeit besitzen. Menschen werden zunehmend ungeduldiger und warten nicht gerne auf Suchergebnisse. Nahezu jede Person kennt heutzutage das Gef\u00fchl, eine Webseite zu schlie\u00dfen, da der Inhalt nicht [&hellip;]<\/p>\n","protected":false},"author":1123,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[649,662],"tags":[],"ppma_author":[882],"class_list":["post-23775","post","type-post","status-publish","format-standard","hentry","category-interactive-media","category-web-performance"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":23834,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2023\/02\/01\/designing-for-performance\/","url_meta":{"origin":23775,"position":0},"title":"Designing for Performance","author":"Nadine Schuler","date":"1. February 2023","format":false,"excerpt":"Verbesserung der Performance\u00a0durch Optimierung der User Experience F\u00fcr ein besseres Lesegef\u00fchl wird in diesem Artikel das generische Maskulinum verwendet. Dies schlie\u00dft nat\u00fcrlich alle Geschlechter ein. 1. Einleitung \u201eIf you are making decisions about the look and feel of a website, you are making decisions that directly impact the performance of\u2026","rel":"","context":"In &quot;Allgemein&quot;","block_context":{"text":"Allgemein","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/category\/allgemein\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":12376,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2021\/02\/24\/serviceworker-offline-first\/","url_meta":{"origin":23775,"position":1},"title":"ServiceWorker \u2013 Offline First","author":"Benedikt Reuter","date":"24. February 2021","format":false,"excerpt":"In der Vorlesung Rich Media haben wir uns viel mit Performance in Web Anwendungen besch\u00e4ftigt. Dabei habe ich mich mit ServiceWorkern in Bezug auf Offlinenutzung, Funktionalit\u00e4t und Performance besch\u00e4ftigt. Zuerst habe ich mich damit befasst, wie ein ServiceWorker funktioniert. Danach habe ich geschaut, wie sich die Nutzung eines ServiceWorker und\u2026","rel":"","context":"In &quot;Interactive Media&quot;","block_context":{"text":"Interactive Media","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/category\/interactive-media\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2021\/02\/Picture-9.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2021\/02\/Picture-9.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2021\/02\/Picture-9.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2021\/02\/Picture-9.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":26748,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2025\/02\/06\/messmethoden-der-wahrgenommenen-ladezeit-und-geschaftliche-relevanz-der-webperformance\/","url_meta":{"origin":23775,"position":2},"title":"Messmethoden der wahrgenommenen Ladezeit und gesch\u00e4ftliche Relevanz der Webperformance","author":"Thea Roller","date":"6. February 2025","format":false,"excerpt":"Einf\u00fchrung In der digitalen Welt von heute spielt die Ladegeschwindigkeit einer Webseite eine entscheidende Rolle. Studien zeigen, dass etwa die H\u00e4lfte aller Nutzer eine Webseite verl\u00e4sst, wenn diese l\u00e4nger als sechs Sekunden zum Laden ben\u00f6tigt. Diese geringe Toleranz verdeutlicht, wie stark sich das Verhalten und die Erwartungen der Nutzer in\u2026","rel":"","context":"In &quot;Allgemein&quot;","block_context":{"text":"Allgemein","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/category\/allgemein\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2025\/02\/image-3.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2025\/02\/image-3.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2025\/02\/image-3.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2025\/02\/image-3.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":21872,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2022\/01\/17\/drei-sekunden-sind-zu-lang-auswirkung-der-ladezeit-von-webseiten-auf-die-user-experience\/","url_meta":{"origin":23775,"position":3},"title":"Drei Sekunden sind zu lang &#8211; Auswirkung der Ladezeit von Webseiten auf die User Experience","author":"Sarah Schwab","date":"17. January 2022","format":false,"excerpt":"Warum ist es so wichtig, die optimale Ladezeit anzustreben? Auf jemanden oder auf etwas zu waren ist uns Menschen nicht fremd. Im Schnitt verbringt jeder Mensch in seinem Leben rund ein bis zwei Jahre mit Warten. Dies kann an der Bushaltestelle, Suppermarktkasse, dem Abwarten auf die Ankunft einer Zustellung, oder\u2026","rel":"","context":"In &quot;Allgemein&quot;","block_context":{"text":"Allgemein","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/category\/allgemein\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/08\/mFjlE1bSwg2Fk8eaWW2eQy-2Qk9CiihxoD5ul4gle6YmjmIPyOjPk2vHwDOtdVDgF13QTDdhmdZgkUAG8oqqOo1u8IAxSjrzVTtMYxVqYUiQ_3-W0lwTrSUt3_cL8jlcK_Cn0hDA.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/08\/mFjlE1bSwg2Fk8eaWW2eQy-2Qk9CiihxoD5ul4gle6YmjmIPyOjPk2vHwDOtdVDgF13QTDdhmdZgkUAG8oqqOo1u8IAxSjrzVTtMYxVqYUiQ_3-W0lwTrSUt3_cL8jlcK_Cn0hDA.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/08\/mFjlE1bSwg2Fk8eaWW2eQy-2Qk9CiihxoD5ul4gle6YmjmIPyOjPk2vHwDOtdVDgF13QTDdhmdZgkUAG8oqqOo1u8IAxSjrzVTtMYxVqYUiQ_3-W0lwTrSUt3_cL8jlcK_Cn0hDA.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/08\/mFjlE1bSwg2Fk8eaWW2eQy-2Qk9CiihxoD5ul4gle6YmjmIPyOjPk2vHwDOtdVDgF13QTDdhmdZgkUAG8oqqOo1u8IAxSjrzVTtMYxVqYUiQ_3-W0lwTrSUt3_cL8jlcK_Cn0hDA.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":23945,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2023\/02\/05\/jamstack-und-astro-vor-und-nachteile-einer-serverless-architektur\/","url_meta":{"origin":23775,"position":4},"title":"JAMStack und Astro:  Vor- und Nachteile einer serverless Architektur","author":"zack walker","date":"5. February 2023","format":false,"excerpt":"Einleitung Seit den fr\u00fchen Tagen der Web-Entwicklung hat die Performance von Websites eine wichtige Rolle gespielt. W\u00e4hrend sich das Internet im Laufe der Jahre weiterentwickelt hat, haben sich auch die Anforderungen an die Performance von Websites erh\u00f6ht. Benutzer erwarten eine schnelle und reibungslose Nutzererfahrung, unabh\u00e4ngig von der Gr\u00f6\u00dfe ihres Ger\u00e4ts\u2026","rel":"","context":"In &quot;Allgemein&quot;","block_context":{"text":"Allgemein","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/category\/allgemein\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-05-at-22.08.11.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-05-at-22.08.11.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-05-at-22.08.11.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-05-at-22.08.11.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":12512,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2021\/02\/27\/progressive-web-apps-wer-braucht-noch-native-apps\/","url_meta":{"origin":23775,"position":5},"title":"Progressive Web Apps &#8211; Wer braucht noch native Apps?","author":"Fabiola Dums","date":"27. February 2021","format":false,"excerpt":"Progressive Web Apps sollen es erm\u00f6glichen die Vorteile des Webs und die nativer Apps zu nutzen, um so f\u00fcr jeden, \u00fcberall und auf jedem Ger\u00e4t, nutzbar zu sein. Was Progressive Web Apps eigentlich sind, welche Vor- und Nachteile sie mit sich bringen und ob sie in Zukunft native Apps komplett\u2026","rel":"","context":"In &quot;Interactive Media&quot;","block_context":{"text":"Interactive Media","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/category\/interactive-media\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2021\/02\/Bildschirmfoto-2021-02-26-um-12.21.05.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2021\/02\/Bildschirmfoto-2021-02-26-um-12.21.05.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2021\/02\/Bildschirmfoto-2021-02-26-um-12.21.05.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2021\/02\/Bildschirmfoto-2021-02-26-um-12.21.05.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2021\/02\/Bildschirmfoto-2021-02-26-um-12.21.05.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2021\/02\/Bildschirmfoto-2021-02-26-um-12.21.05.png?resize=1400%2C800&ssl=1 4x"},"classes":[]}],"jetpack_sharing_enabled":true,"authors":[{"term_id":882,"user_id":1123,"is_guest":0,"slug":"am246","display_name":"Anke M\u00fcller","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/be620637a84a84cf62379643b8adc9923774706c927aa594a2f402a457a58d34?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/posts\/23775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/users\/1123"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/comments?post=23775"}],"version-history":[{"count":2,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/posts\/23775\/revisions"}],"predecessor-version":[{"id":25330,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/posts\/23775\/revisions\/25330"}],"wp:attachment":[{"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/media?parent=23775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/categories?post=23775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/tags?post=23775"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/ppma_author?post=23775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}