{"id":26748,"date":"2025-02-06T19:03:18","date_gmt":"2025-02-06T18:03:18","guid":{"rendered":"https:\/\/blog.mi.hdm-stuttgart.de\/?p=26748"},"modified":"2025-02-06T19:08:56","modified_gmt":"2025-02-06T18:08:56","slug":"messmethoden-der-wahrgenommenen-ladezeit-und-geschaftliche-relevanz-der-webperformance","status":"publish","type":"post","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2025\/02\/06\/messmethoden-der-wahrgenommenen-ladezeit-und-geschaftliche-relevanz-der-webperformance\/","title":{"rendered":"Messmethoden der wahrgenommenen Ladezeit und gesch\u00e4ftliche Relevanz der Webperformance"},"content":{"rendered":"\n

Einf\u00fchrung<\/h2>\n\n\n\n

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 den letzten Jahren ver\u00e4ndert haben. Kurze Aufmerksamkeitsspannen und hohe Anspr\u00fcche an ein schnelles und reibungsloses Erlebnis stellen Unternehmen vor die Herausforderung, ihre Web Performance kontinuierlich zu optimieren.<\/p>\n\n\n\n

Der wirtschaftliche Nutzen einer leistungsstarken Webseite ist eindeutig: Schneller ladende Seiten f\u00fchren zu h\u00f6heren Konversionsraten, gesteigerter Nutzerzufriedenheit und einer st\u00e4rkeren Kundenbindung. Gleichzeitig bedeutet eine lange Ladedauer nicht nur eine Verschlechterung der User Experience, sondern auch potenziell erhebliche finanzielle Verluste. Selbst minimale Verz\u00f6gerungen k\u00f6nnen sich sp\u00fcrbar negativ auf den Umsatz auswirken, wie Untersuchungen von Unternehmen wie Amazon und Adobe belegen (Adobe Experience Cloud Team, 2023).<\/p>\n\n\n\n

In diesem Beitrag wird genauer beleuchtet, mithilfe welcher Methoden die tats\u00e4chlich wahrgenommene Ladezeit gemessen werden kann. Dabei werden sowohl Methoden zur technischen Messung als auch zum User-Monitoring betrachtet. Dar\u00fcber hinaus zielt dieser Beitrag darauf ab, den Business Case f\u00fcr Web Performance Optimization (WPO) zu analysieren und darzustellen, weshalb eine Investition in die Web Performance meist sinnvoll ist und wie diese umgesetzt werden kann.<\/p>\n\n\n\n

Wahrnehmung und Messung der Ladezeit<\/h2>\n\n\n\n

In der WPO spielt besonders die Ladezeit einer Webseite eine gro\u00dfe Rolle. Sie beschreibt die Dauer vom Aufruf der Seite bis zum Zeitpunkt, zu dem die Webseite komplett im Browser geladen hat. Auf die Dauer, bis eine Webseite von einem Nutzer als nutzbar erscheint, haben verschiedene Faktoren einen Einfluss. Einen ma\u00dfgeblichen Unterschied machen sichtbare Inhalte. Des Weiteren haben die Interaktivit\u00e4t, also die M\u00f6glichkeit beispielsweise Buttons zu nutzen, und die Stabilit\u00e4t w\u00e4hrend des Ladeprozesses einen Einfluss auf die wahrgenommene Ladezeit. Verschiebt sich beispielsweise w\u00e4hrend des Ladens mehrfach das Layout der Webseite, beeinflusst dies die wahrgenommene Wartezeit negativ.<\/p>\n\n\n\n

Um die objektive Ladezeit zu messen, gibt es verschiedene Tools, wie beispielsweise WebPageTest<\/a>, GTmetrix<\/a>, PageSpeed Insights<\/a> oder die Lighthouse<\/a>. Bei diesen handelt es sich um eine objektive Messung der Ladezeit, da die Anbieter Nutzeraufrufe simulieren und die Tests automatisiert durchgef\u00fchrt werden. Um die Performance einer Webseite zu bewerten, k\u00f6nnen verschiedene Kennzahlen genutzt werden. Der First Contentful Paint (FCP) misst beispielsweise den Zeitraum zwischen dem Beginn des Webseitenaufbaus und dem ersten Auftreten visueller Elemente, wie die Pixel von Bildern oder Textbl\u00f6cken. Der First Meaningful Paint (FMP) beschreibt den Zeitpunkt, an dem die wichtigsten Inhalte einer Webseite geladen sind und die Seite f\u00fcr den Nutzer nutzbar erscheinen. In der Regel sind dies die Inhalte, die dar\u00fcber entscheiden, ob ein Nutzer auf der Webseite bleibt oder diese wieder verl\u00e4sst. Da der Inhalt f\u00fcr jede Seite variiert, ist eine genaue Messung des FMP nur schwer umsetzbar, weswegen alternativ der Largest Contentful Paint (LCP) genutzt wird. Dieser misst die Dauer bis das gr\u00f6\u00dfte, sichtbare Element einer Webseite vollst\u00e4ndig geladen hat und stellt damit eine pr\u00e4zisere Messung der gef\u00fchlten Ladegeschwindigkeit als der FMP dar. Der First Input Delay (FID) beschreibt die Dauer zwischen der ersten Nutzerinteraktion auf einer Webseite bis zur Reaktion des Browsers. Diese wird teilweise bereits durch den Messewert Interaction to Next Paint (INP) abgel\u00f6st, da dieser nicht nur die Dauer der ersten Nutzerinteraktion sondern die Latenz aller Interaktionen misst und somit einen aussagekr\u00e4ftigeren Messwert darstellt (Wagner, 2024). Mithilfe des Cumulative Layout Shift (CLS) kann die visuelle Stabilit\u00e4t beim Laden einer Webseite gemessen werden. Dies erfolgt \u00fcber die Messung der Verschiebungen, beispielsweise von Bildern oder \u00dcberschriften, w\u00e4hrend des Ladevorgangs. Der Wert bezieht sich deshalb indirekt auf die Ladedauer, indem die vom Nutzer wahrgenommene Stabilit\u00e4t einbezogen wird. Die Time to First Byte (TTFB) beschreibt den zeitlichen Abstand zwischen der Benutzeranfrage und dem Eintreffen des ersten Datenbytes vom Server beim Client. Die Time to Interactive (TTI) geht dar\u00fcber hinaus und bestimmt den Zeitpunkt ab dem eine Webseite vollst\u00e4ndig im Browser gerendert und damit bereit f\u00fcr die Nutzung ist. Diese Kennzahlen liefern einen tieferen Einblick in die wahrgenommene Ladezeit einer Webseite (Guelle, 2022; Domain Factory, 2020). Google nutzt beispielsweise unter anderen die Kennzahlen LCP, INP und CLS, die sogenannten Core Web Vitals, f\u00fcr ihr Search Engine Optimization-Ranking (SEO-Ranking) (Google for Developers, 2024).<\/p>\n\n\n\n

Die meisten Tools erm\u00f6glichen es au\u00dferdem, die Ladezeit visuell als Bilderserie darzustellen, was eine Nachstellung der wahrgenommenen Ladezeit erm\u00f6glicht. Indem zu unterschiedlichen Zeitpunkten innerhalb des Ladevorgangs Screenshots der Website erstellt werden, l\u00e4sst sich nachvollziehen, ab welchem Zeitpunkt die jeweilige Seite vom Nutzer als geladen wahrgenommen wird, auch wenn gegebenenfalls im Hintergrund weitere Ladevorg\u00e4nge stattfinden. Auf dem folgenden Abbildung ist der Ladevorgang der HdM-Startseite dargestellt. Daraus wird ersichtlich, dass die Seite ab 7,5 Sekunden bereits visuell fertig geladen zu sein scheint, der Ladevorgang ist allerdings erst nach 10,5 Sekunden komplett abgeschlossen.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Abbildung 1: Visuelle Darstellung der Ladezeit der HdM Startseite mit WebPageTest<\/a><\/p>\n\n\n\n

Das Gegenst\u00fcck zu der objektiv wahrgenommenen Ladezeit ist das Testen der subjektiv wahrgenommenen Ladezeit durch Real User Monitoring (RUM). Dabei wird das Aufrufen der Webseite nicht simuliert, sondern es werden echte Endnutzerdaten ausgewertet. Indem \u00fcber einen kleinen Code-Schnipsel ein externes Skript in eine Seite importiert wird, k\u00f6nnen Anbieter von Real User Monitoring umfangreiche Einblicke in die tats\u00e4chlichen Endnutzererlebnisse einer Webseite bieten. Dazu geh\u00f6ren beispielsweise Einblicke in die tats\u00e4chlichen Ladezeiten und deren Verteilung, in die spezifischen Ladezeiten pro Land und in die Bounce Rate einer Webseite. Je nach Anbieter wird au\u00dferdem ein \u00dcberblick \u00fcber die aktuellen Sessions und die Anzahl der Kunden, welche die  Seite voraussichtlich wieder besuchen werden gegeben. Anbieter f\u00fcr RUM sind beispielsweise Pingdom<\/a> und datadog<\/a>. In Abbildung 2 ist das RUM-Dashboard des Anbieters Pingdom mit Daten einer Beispielwebseite dargestellt.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Abbildung <\/a>2: Ausschnitt aus Real User Monitoring mit Pingdom<\/a><\/p>\n\n\n\n

Business Case: Wann lohnt sich WPO?<\/h2>\n\n\n\n

Die Optimierung der Webperformance bietet nicht nur technisches Verbesserungspotenzial, sondern auch erhebliche wirtschaftliche Chancen. Eine schnell ladende Website steigert die Nutzerzufriedenheit, erh\u00f6ht die Conversion Rate und verbessert das SEO-Ranking. Gleichzeitig erfordert eine erfolgreiche WPO gezielte Investitionen, deren Kosten je nach Umfang variieren. Dieser Abschnitt gibt einen \u00dcberblick \u00fcber die Kosten von WPO, die positiven Auswirkungen auf den Gesch\u00e4ftserfolg und bew\u00e4hrte Optimierungsstrategien.<\/p>\n\n\n\n

Kosten der WPO<\/h3>\n\n\n\n

Die Kosten der WPO erstrecken sich \u00fcber verschiedene Bereiche und sind von diversen Faktoren abh\u00e4ngig. Zu direkten Kosten der WPO z\u00e4hlen haupts\u00e4chlich Personalkosten f\u00fcr Webentwickler und Spezialisten im Bereich UX und\/ oder SEO. Wird die WPO durch externe Dienstleister umgesetzt, variieren die Kosten stark. Diese k\u00f6nnen je nach Anforderungen und Gr\u00f6\u00dfe drei- bis f\u00fcnfstellig sein (RESPONSE GmbH, kein Datum; WP Cracks, kein Datum). Die \u00fcberwiegende Anzahl an Tools zur Messung der Webperformance ist kostenfrei verf\u00fcgbar.<\/p>\n\n\n\n

Je nach Webseite k\u00f6nnen bei der WPO zus\u00e4tzliche Technologien- und Lizenzkosten anfallen. Wird eine Webseite global genutzt, kann es beispielsweise sinnvoll sein, ein Content Delivery Network (CDN) zu nutzen. Dabei handelt es sich um ein Server-Netzwerk, dass die Webseite zwischenspeichert und so die Latenz und die Ladezeit vieler Nutzer reduzieren kann, indem die Menge an Knotenpunkten zwischen dem Server im CDN und dem Endger\u00e4t des Nutzers verringert wird. Hierdurch k\u00f6nnen hohe Kosten anfallen, es gibt jedoch auch kostenlose CDN-Services, die bestimmte Bedingungen voraussetzen (Guelle, 2022).<\/p>\n\n\n\n

Wurde die Web Performance in einem Unternehmen bisher nicht gewichtet, k\u00f6nnen kurzfristig indirekte Kosten durch einen Produktivit\u00e4tsverlust oder durch Opportunit\u00e4tskosten entstehen. Diese k\u00f6nnen beispielsweise durch den kurzfristigen Zeitverlust durch Schulungen und Trainings im Bereich WPO oder durch das Vernachl\u00e4ssigen anderer Projekte entstehen.<\/p>\n\n\n\n

Nutzen der WPO<\/h3>\n\n\n\n

Um die Frage zu kl\u00e4ren, wann sich WPO lohnt, ist es besonders wichtig, den Nutzen genauer zu beleuchten. Im Folgenden werden deshalb verschiedene Aspekte erl\u00e4utert, die den Einfluss der WPO auf den wirtschaftlichen Erfolg aufzeigen.<\/p>\n\n\n\n

Die Webperformance steht in direkter Verbindung zur Nutzerfreundlichkeit einer Webseite. Wenn diese schnell laden und fl\u00fcssig laufen, erh\u00f6ht dies das Vertrauen und die Nutzerrate. Dar\u00fcber hinaus tr\u00e4gt diese positive Interaktion zur St\u00e4rkung der Kundenbindung sowie zur Verbesserung des Markenimages bei. Eine gut optimierte Webseite kann au\u00dferdem die Absprungrate der Nutzer minimieren. In Abbildung 3 wird die Korrelation zwischen der Ladezeit und der Absprungrate auf Online-Handel-Webseiten dargestellt. Daraus wird ersichtlich, dass die Absprungrate bereits ab zwei Sekunden Ladezeit leicht und ab drei Sekunden sehr stark ansteigt (SolarWinds Worldwide, 2018). Verlassen Nutzer einen Online-Shop bevor dieser \u00fcberhaupt vollst\u00e4ndig geladen wurde, wird folglich auch nichts gekauft. Dar\u00fcber hinaus ergaben Umfragen, dass knapp 80% eine Webseite mit einer schlechten Performance nicht noch einmal aufrufen w\u00fcrden (Guelle, 2022).<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Abbildung <\/a>3: Webseiten Ladezeit und Absprungrate (SolarWinds Worldwide, 2018)<\/p>\n\n\n\n

Ein direkter Nutzen der WPO kann mithilfe der Conversion Rate abgeleitet werden. Diese gibt wieder, wie viele der Besucher einer Webseite tats\u00e4chlich eine gew\u00fcnschte Aktion ausf\u00fchren, also beispielsweise einen Kauf t\u00e4tigen oder sich zu einem Newsletter anmelden. Die Kennzahl steht neben der allgemeinen Nutzererfahrung in direktem Zusammenhang mit  der Effizienz einer Webseite und stellt damit einen pr\u00e4zisen Faktor zu Erfolgsmessung dar. Wie aus Abbildung 4 ersichtlich wird, nimmt die Conversion Rate mit einer l\u00e4ngeren Ladezeit einer Webseite ab. Nach einer Zeitspanne von lediglich drei Sekunden sinkt die Rate von 39% auf 29% ab (Izazaga, 2020; Wiegand, 2020).<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Abbildung <\/a>4: Zusammenhang zwischen Ladezeit und Conversion Rate (Wiegand, 2020)<\/p>\n\n\n\n

Die \u00fcberwiegende Anzahl der Nutzererfahrungen im Internet nehmen ihren Anfang mit einer Suchmaschine. Die Nutzerfreundlichkeit einer Webseite nimmt direkten Einfluss auf die Anzeige einer Seite durch Suchmaschinen, indem diese die Webseiten einer Rangfolge zuordnen. Die SEO spielt dabei eine wichtige Rolle. Diese beschreibt alle Ma\u00dfnahmen, die dazu dienen, die Sichtbarkeit einer Webseite in den Suchergebnissen von Suchmaschinen zu verbessern. Eine nutzerfreundliche Website wird auch im SEO-Ranking h\u00f6her eingeordnet, was die Auffindbarkeit und Sichtbarkeit einer Webseite, sowie den damit generierten Traffic erh\u00f6ht (Google Search Central, 2024; Espejo, 2024).<\/p>\n\n\n\n

Allgemein k\u00f6nnen durch die WPO au\u00dferdem Kosten eingespart werden, da aufgrund einer besseren Performance auch die Supportanfragen zur\u00fcckgehen, wodurch Kosten f\u00fcr Supportpersonal und -infrastrukturen eingespart werden k\u00f6nnen.<\/p>\n\n\n\n

Return on Investment (ROI) einer Webseite<\/h3>\n\n\n\n

Die WPO zielt darauf ab, die Ladezeit und die allgemeine Benutzererfahrung einer Website zu verbessern. Der wirtschaftliche Erfolg der WPO kann \u00fcber den Return on Investment (ROI) gemessen werden. Um den ROI einer Website zu berechnen, sollten zun\u00e4chst alle Kosten erfasst werden. Zus\u00e4tzlich m\u00fcssen klare Ziele, wie eine Erh\u00f6hung der Nutzer oder eine Umsatzsteigerung, definiert werden. Wichtige Kennzahlen wie Ladegeschwindigkeit, SEO-Rankings und Konversionsraten m\u00fcssen regelm\u00e4\u00dfig analysiert werden. Die User Journey sollte nachvollziehbar sein, um Schwachstellen zu identifizieren. Auch der Lifetime Value ist ein entscheidender Faktor. Schlie\u00dflich sollte die Website laufend an technische und marktbedingte Ver\u00e4nderungen angepasst werden. Um den ROI zu berechnen, k\u00f6nnen Online-Tools, wie beispielsweise der HubSpot ROI Calculator<\/a> genutzt werden.<\/p>\n\n\n\n

Der ROI ist ein zentraler Bestandteil eines Business Cases, da er den finanziellen Nutzen der geplanten Investitionen in die WPO quantifiziert. Ein positiver ROI liefert die Grundlage f\u00fcr eine fundierte Entscheidung, ob und welche Ma\u00dfnahmen umgesetzt werden sollten. Er zeigt auf, wie sich die Investitionen langfristig auf die Umsatz- und Gesch\u00e4ftsentwicklung auswirken. Durch die Messung des ROI k\u00f6nnen Unternehmen den direkten Zusammenhang zwischen Investitionen in die Web Performance und dem Gesch\u00e4ftserfolg nachweisen. Eine verbesserte Web Performance f\u00fchrt zu einer h\u00f6heren Kundenzufriedenheit, mehr Conversions und letztendlich zu einem h\u00f6heren Umsatz. Zudem bietet der ROI eine nachvollziehbare Argumentation gegen\u00fcber Stakeholdern, da er den wirtschaftlichen Mehrwert von WPO-Ma\u00dfnahmen verdeutlicht. So hilft der ROI, Ressourcen effizient einzusetzen, indem priorisiert wird, welche Optimierungen den h\u00f6chsten Mehrwert bieten (Mireles, 2024; Espejo, 2024).<\/p>\n\n\n\n

Erfolgsbeispiele<\/h3>\n\n\n\n

Es gibt viele Erfolgsbeispiele, die eine Investition in die Webperformanceoptimierung bekr\u00e4ftigen. Amazon fand beispielsweise 2009 heraus, dass eine um 0,1 Sekunden verl\u00e4ngerte Wartezeit in 1% weniger Verk\u00e4ufen resultierte und damit einen direkten Einfluss auf die Conversion Rate hat. 2016 erkannte die Financial Times, dass mit dem Wechsel der Leser weg vom Computer und hin zu Smartphones auch eine Verbesserung der Ladezeit ihrer Webseite n\u00f6tig war. So wurde herausgefunden, dass eine Verl\u00e4ngerung der Ladezeit um eine Sekunde die Besucherzahl der Webseite um 4,6% reduziert. Eine Verz\u00f6gerung von drei Sekunden zieht ein Verlust von 7,9% Lesern mit sich. BBC fand 2018 heraus, dass pro einer zus\u00e4tzlichen Sekunde Ladedauer die Besucheranzahl  um je 10% sinkt. Es gibt noch weitaus mehr Beispiele, die belegen, dass eine Investition in die WPO viele positive Auswirkungen auf den Erfolg eines Unternehmens hat (Yordanov, 2023).<\/p>\n\n\n\n

Best Practices <\/h2>\n\n\n\n

Die Optimierungsma\u00dfnahmen unterscheiden sich je nach Webseite und Anwendungsbereich. Trotzdem gibt es einige Best Practices, deren Anwendung in den meisten F\u00e4llen sinnvoll ist.<\/p>\n\n\n\n

Grunds\u00e4tzlich sollte nicht notwendigen Aufrufen von JavaScript- und CSS-Dateien, sowie externen Skripte entgangen werden. Generell kann durch die Minimierung von CSS- und JavaScript-Dateien, sowie durch das Laden von JavaScript am Ende des HTML-Codes die Ladezeit einer Webseite erheblich reduziert werden, ohne die Funktionalit\u00e4t zu beeintr\u00e4chtigen. Au\u00dferdem sollte der Quellcode einer Webseite m\u00f6glichst sauber gehalten werden. Damit ist gemeint, dass alle \u00fcberfl\u00fcssigen Kommentare, Leerzeichen und Umbr\u00fcche und nicht n\u00f6tige Formatierungen gel\u00f6scht werden, da die Summe dieser einen Performanceunterschied machen kann. <\/p>\n\n\n\n

Mithilfe von CDNs kann beispielsweise eine schnellere Verbindungszeit erzielt werden (Domain Factory, 2020). Der Streamingriese Netflix fand heraus, dass durch das Prefetching von HTML, CSS und JavaScript die TTI um 50 % reduziert werden kann (Yordanov, 2023). Zus\u00e4tzlich k\u00f6nnen durch Prerendering nicht nur die ben\u00f6tigten Ressourcen vorab geladen, sondern auch die n\u00e4chste Seite bereits im Hintergrund gerendert werden, wodurch die wahrgenommene Ladezeit f\u00fcr Nutzer weiter optimiert wird. Au\u00dferdem sollten sichtbare Inhalte immer zuerst geladen werden, damit der Nutzer diese bereits observieren kann, auch wenn die Seite noch l\u00e4dt. Konkret wird bei dem visuell priorisierten Inhalt von Above-the-Fold-Content gesprochen. Der restliche Inhalt wird dann beim sogenannten Lazy Loading erst geladen, wenn sich das Sichtfeld der Webseite von der Startseite weg bewegt, beispielsweise durch Scrollen nach unten. Eine weitere Methode ist das Vorladen von Inhalten die spezifisch zum Nutzer passen oder von ihm gesucht werden. Amazon l\u00e4dt bei einer Suchanfrage beispielsweise immer zuerst die ersten drei passenden Produkte, die am besten zum Nutzer passen, und erst dann die restlichen Inhalte. Dar\u00fcber hinaus k\u00f6nnen auch ohne Suchanfragen und nur aufgrund von Nutzerdaten bestimmte Inhalte automatisch vorgeladen werden, bei denen wahrscheinlich ist, dass der Nutzer dieses als n\u00e4chstes anklickt oder betrachtet (Bohl, 2017; Guelle, 2022).<\/p>\n\n\n\n

Durch Caching kann die Webseitenperformance ebenfalls verbessert werden. Dies kann \u00fcber den Server oder direkt im Browser erfolgen. Beim serverseiteigen Caching kann durch das Zwischenspeichern beispielsweise die Ladedauer bei erneutem Laden einer Seite verk\u00fcrzt werden, was besonders sinnvoll ist, wenn in einer Sitzung mehrere Seiten aufgerufen werden. Beim Browser-Chaching werden diese Daten direkt im Webbrowser gespeichert (Guelle, 2022). Eine weitere Optimierungsm\u00f6glichkeit ist das Nutzen von Progressive JPEG. Dabei wird w\u00e4hrend ein Bild noch l\u00e4dt bereits eine Vorschaubild angezeigt, was dem Nutzer suggeriert, dass das Bild bereits geladen hat (Bohl, 2017). Generell sollten f\u00fcr kleine Bilder bestenfalls PNG-Dateien und f\u00fcr gr\u00f6\u00dfere Bilddateien, die eine bessere Aufl\u00f6sung ben\u00f6tigen, weboptimierte JPEGs genutzt werden. F\u00fcr Icons und Logos eignen sich besonders SVG-Dateien (Domain Factory, 2020). Des Weiteren gibt es au\u00dferdem M\u00f6glichkeiten, die gef\u00fchlte Ladezeit durch Illusionen zu verk\u00fcrzen. Dies kann beispielsweise \u00fcber das Anzeigen einer Fortschrittsanzeige beziehungsweise eines Preloaders erfolgen. Dabei wird dem Nutzer gezeigt, wie weit der Ladevorgang der Webseite fortgeschritten ist (Bohl, 2017).<\/p>\n\n\n\n

Fazit und Ausblick<\/h2>\n\n\n\n

Die Optimierung der Web Performance ist ein essenzieller Faktor f\u00fcr den digitalen Erfolg von Unternehmen. Wie dieser Beitrag gezeigt hat, beeinflusst die Ladezeit nicht nur die Nutzererfahrung, sondern auch die wirtschaftlichen Kennzahlen wie die Conversion Rate, die Absprungrate und letztlich den Umsatz. Die Wahrnehmung der Ladezeit ist dabei ein komplexes Zusammenspiel aus technischer Performance und subjektivem Nutzerempfinden. Daher sind sowohl objektive Messmethoden wie WebPageTest oder Lighthouse als auch Real User Monitoring (RUM) unverzichtbare Werkzeuge zur Analyse und Optimierung.<\/p>\n\n\n\n

Insgesamt zeigt sich, dass Web Performance Optimization f\u00fcr Unternehmen eine strategische Investitionschance darstellt. Diese profitieren von einer besseren Nutzerbindung, h\u00f6heren Platzierungen in Suchmaschinen und geringeren Supportkosten. Erfolgsbeispiele gro\u00dfer Unternehmen wie Amazon, der Financial Times und BBC belegen den Zusammenhang zwischen Ladegeschwindigkeit und wirtschaftlichem Erfolg. Fortschritte in der KI-gest\u00fctzten Performance-Optimierung, verbesserte Algorithmen zur Vorhersage von Nutzerverhalten und der zunehmende Einfluss von Core Web Vitals auf das SEO-Ranking werden die Anforderungen an moderne Webseiten weiter erh\u00f6hen. Zudem gewinnt die Optimierung f\u00fcr mobile Endger\u00e4te zunehmend an Bedeutung, da immer mehr Nutzer \u00fcber Smartphones auf das Internet zugreifen. Unternehmen, die fr\u00fchzeitig auf Performance-Optimierung setzen, werden langfristig von einer gesteigerten Wettbewerbsf\u00e4higkeit und besseren Nutzererfahrung profitieren.<\/p>\n\n\n\n

Literaturverzeichnis<\/h1>\n\n\n\n

Adobe Experience Cloud Team. (10. Oktober 2023). A quick start guide to web performance<\/em>. Abgerufen am 21. Dezember 2024 von https:\/\/business.adobe.com\/blog\/perspectives\/a-quick-start-guide-to-web-performance<\/p>\n\n\n\n

Bohl, R. K. (25. April 2017). Gef\u00fchlte vs. tats\u00e4chliche Ladezeit: So schaffst Du die Illusion einer schnellen Webseite<\/em>. Abgerufen am 7. Januar 2025 von Ryte Magazine: https:\/\/de.ryte.com\/magazine\/gefuehlte-vs-tatsaechliche-ladezeit-so-schaffst-du-die-illusion-einer-schnellen-webseite\/<\/p>\n\n\n\n

Domain Factory. (2. September 2020). Website-Performance optimieren (Teil 1): Vorgehen mit Struktur<\/em>. Abgerufen am 03. Januar 2025 von Domain Factory: https:\/\/www.df.eu\/blog\/website-performance-optimieren-vorgehen-mit-struktur\/<\/p>\n\n\n\n

Domain Factory. (2. September 2020). Website-Performance optimieren (Teil 2): Pagespeed messen<\/em>. Abgerufen am 21. Dezember 2024 von Domain Factory: https:\/\/www.df.eu\/blog\/website-performance-optimieren-pagespeed-messen\/<\/p>\n\n\n\n

Espejo, H. N. (17. Juni 2024). How to Measure and Improve Your Website’s ROI<\/em>. Abgerufen am 5. Januar 2025 von webstacks: https:\/\/www.webstacks.com\/blog\/website-roi<\/p>\n\n\n\n

Google for Developers. (11. November 2024). Google Search Central<\/em>. Abgerufen am 5. Januar 2025 von Core Web Vitals und Google-Suchergebnisse: https:\/\/developers.google.com\/search\/docs\/appearance\/core-web-vitals?hl=de<\/p>\n\n\n\n

Google Search Central. (23. November 2024). Startleitfaden zur Suchmaschinenoptimierung (SEO)<\/em>. Abgerufen am 5. Januar 2025 von Google Search Central: https:\/\/developers.google.com\/search\/docs\/fundamentals\/seo-starter-guide?hl=de<\/p>\n\n\n\n

Guelle, R. (15. Februar 2022). PageSpeed Optimierung: Wie kann ich meine Website Ladezeit verbessern?<\/em> Abgerufen am 22. Dezember 2024 von Ryte Magazin: https:\/\/de.ryte.com\/magazine\/pagespeed-optimierung-wie-kann-ich-die-ladezeit-meiner-webseite-verbessern\/<\/p>\n\n\n\n

Izazaga, E. (13. Juli 2020). 5 Easy Tips to Build a UX Strategy that Drives Conversions<\/em>. Abgerufen am 4. Januar 2025 von webstacks: https:\/\/www.webstacks.com\/blog\/ux-strategy-lead-conversion<\/p>\n\n\n\n

Mireles, Y. (14. Februar 2024). The ROI of application performance optimization<\/em>. Abgerufen am 5. Januar 2025 von new relic: https:\/\/newrelic.com\/de\/blog\/best-practices\/the-roi-of-application-performance-optimization<\/p>\n\n\n\n

RESPONSE GmbH. (kein Datum). Performance Optimierung<\/em>. Von RESPONSE eCommerce: https:\/\/www.response-gmbh.de\/performance-optimierung abgerufen<\/p>\n\n\n\n

SolarWinds Worldwide. (18. Januar 2018). Does Page Load Time Really Affect Bounce Rate?<\/em> Abgerufen am 5. Januar 2025 von SolarWinds Pingdom: https:\/\/www.pingdom.com\/blog\/page-load-time-really-affect-bounce-rate\/<\/p>\n\n\n\n

Wagner, J. (22. Mai 2024). web.dev<\/em>. Abgerufen am 5. Januar 2025 von Interaction to Next Paint (INP): https:\/\/web.dev\/articles\/inp?hl=de<\/p>\n\n\n\n

Wiegand, M. (20. April 2020). PORTENT<\/em>. Abgerufen am 6. Januar 2025 von Site Speed is (Still) Impacting Your Conversion Rate: https:\/\/portent.com\/blog\/analytics\/research-site-speed-hurting-everyones-revenue.html<\/p>\n\n\n\n

WP Cracks. (kein Datum). Pakete & Preise f\u00fcr PageSpeed-Optimierung<\/em>. Von WP Cracks: https:\/\/www.wpcracks.de\/preise\/ abgerufen<\/p>\n\n\n\n

Yordanov, E. (9. Mai 2023). How Web Performance Affects Business Results (22 Case Studies)<\/em>. Abgerufen am 5. Januar 2025 von NitroPack: https:\/\/nitropack.io\/blog\/post\/web-performance-matters-case-studies<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

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 den letzten Jahren ver\u00e4ndert haben. […]<\/p>\n","protected":false},"author":1231,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"ppma_author":[1059],"class_list":["post-26748","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"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":26748,"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 "Allgemein"","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":23775,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2023\/01\/29\/business-case-web-performance-optimization-wann-lohnt-es-sich\/","url_meta":{"origin":26748,"position":1},"title":"Business Case \u201eWeb Performance Optimization\u201c. Wann lohnt es sich?","author":"Anke M\u00fcller","date":"29. January 2023","format":false,"excerpt":"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\u2026","rel":"","context":"In "Interactive Media"","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\/2023\/01\/Bild3.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild3.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/01\/Bild3.png?resize=525%2C300&ssl=1 1.5x"},"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":26748,"position":2},"title":"Drei Sekunden sind zu lang – 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 "Allgemein"","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":27902,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2025\/07\/31\/ki-gestutzte-ux-ui-implementierung\/","url_meta":{"origin":26748,"position":3},"title":"KI-gest\u00fctzte UX\/UI-Implementierung","author":"Melanie Block","date":"31. July 2025","format":false,"excerpt":"Einleitung Ein sehr wichtiger Aspekt der Softwareentwicklung ist das UX\/UI-Design. Daher kommt die zugrundeliegende Idee dieses Innovationsprojektes, welche es war ein Tool zu entwickeln, welches mit Hilfe von KI im UX\/UI-Design unterst\u00fctzt. Als Zielgruppe wurden Softwareentwickler und UX\/UI-Designer gew\u00e4hlt. Da das UX\/UI-Design viele Bereiche umfasst, wurde das Thema in einem\u2026","rel":"","context":"In "Allgemein"","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\/07\/Abbildung1_Upload.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2025\/07\/Abbildung1_Upload.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2025\/07\/Abbildung1_Upload.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2025\/07\/Abbildung1_Upload.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":24048,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2023\/03\/03\/cdns-und-die-dsgvo\/","url_meta":{"origin":26748,"position":4},"title":"CDNs und die DSGVO","author":"Yannick M\u00f6ller","date":"3. March 2023","format":false,"excerpt":"In Zeiten von weltweit verteilten gro\u00dfen Systemen im Internet und der \u00fcberwiegend mobilen Bedienung von Webseiten ist die schnelle Daten\u00fcbertragung an alle Orte auf der Welt ein entscheidendes Thema. Kein Deutscher Urlauber in Amerika m\u00f6chte eine Ewigkeit auf die hei\u00dfgeliebte online-Ausgabe der Bild-Zeitung l\u00e4nger als ein paar Sekunden warten. Und\u2026","rel":"","context":"In "Allgemein"","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\/03\/image-1.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/03\/image-1.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/03\/image-1.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/blog.mi.hdm-stuttgart.de\/wp-content\/uploads\/2023\/03\/image-1.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":11711,"url":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2020\/09\/29\/perfekter-gluhwein-fur-zuhause-thermometer-mit-raspberry-pi-und-aws\/","url_meta":{"origin":26748,"position":5},"title":"Perfekter Gl\u00fchwein f\u00fcr Zuhause: Thermometer mit Raspberry Pi und AWS","author":"jg129","date":"29. September 2020","format":false,"excerpt":"Abstract Kein anderes Getr\u00e4nk ist mit Weihnachtsm\u00e4rkten so verbunden wie Gl\u00fchwein. Und so trinkt sich der ausschweifende Weihnachtsmarktbesucher im Laufe der Adventszeit von Stand zu Stand bis er schlie\u00dflich am Ende des Jahres seinen Lieblingsstand gefunden hat. Doch auch daheim kann der perfekte Gl\u00fchwein gelingen.\u00a0 Wir zeigen, wie man sich\u2026","rel":"","context":"In "Allgemein"","block_context":{"text":"Allgemein","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/category\/allgemein\/"},"img":{"alt_text":"","src":"https:\/\/lh3.googleusercontent.com\/rbu36fXExVo14XfyUicXbIFjAgh1bvNnXHlaUVRfqLevpyZx4KVyjeuYdgItPx6y39R8L9Ub_hug03LYM3AIAW_F14vhBiXOZlt92qIpN0Y2h0H-czZ65ERnn3qUoWVh7JfI5ihA","width":350,"height":200,"srcset":"https:\/\/lh3.googleusercontent.com\/rbu36fXExVo14XfyUicXbIFjAgh1bvNnXHlaUVRfqLevpyZx4KVyjeuYdgItPx6y39R8L9Ub_hug03LYM3AIAW_F14vhBiXOZlt92qIpN0Y2h0H-czZ65ERnn3qUoWVh7JfI5ihA 1x, https:\/\/lh3.googleusercontent.com\/rbu36fXExVo14XfyUicXbIFjAgh1bvNnXHlaUVRfqLevpyZx4KVyjeuYdgItPx6y39R8L9Ub_hug03LYM3AIAW_F14vhBiXOZlt92qIpN0Y2h0H-czZ65ERnn3qUoWVh7JfI5ihA 1.5x"},"classes":[]}],"jetpack_sharing_enabled":true,"authors":[{"term_id":1059,"user_id":1231,"is_guest":0,"slug":"thea_roller","display_name":"Thea Roller","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/7c3c8144cb06f6ce0d4eef0725c6c95bb92184c30387c13b90fbc9d4f0f75893?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\/26748","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\/1231"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/comments?post=26748"}],"version-history":[{"count":2,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/posts\/26748\/revisions"}],"predecessor-version":[{"id":26754,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/posts\/26748\/revisions\/26754"}],"wp:attachment":[{"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/media?parent=26748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/categories?post=26748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/tags?post=26748"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/wp-json\/wp\/v2\/ppma_author?post=26748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}