--- title: "Warum ist die Performance einer Webseite wichtig?" url: "https://b13.com/de/wissen/schnelles-laden-der-webseite" description: Eine langsame Website verliert Nutzer und kostet Geld. Warum die Geschwindigkeit deiner Website wichtig ist — und was Du tun kannst, um sie zu verbessern. image: "https://b13.com/fileadmin/_processed_/b/4/csm_why-performance-matters_Header_b20d0ed6bf.png" date: 2020-02-27 modified: 2026-08-19 lastUpdated: 2026-08-19 --- # Warum ist die Performance einer Webseite wichtig? [ Performance ](https://b13.com/de/wissen/performance) Warum ist die Performance einer Webseite wichtig? =================================================== ![](https://b13.com/fileadmin/_processed_/a/d/csm_david_5ce18d41e2.jpg)David Steeb 05. Februar 2020 [ RSS Feed ](https://b13.com/de/rss.xml) ![[Translate to Deutsch:] ](https://b13.com/fileadmin/_processed_/b/4/csm_why-performance-matters_Header_901342d4b8.webp "[Translate to Deutsch:] ") \[Translate to Deutsch:\] Du kennst das Gefühl: Du klickst auf einen Link in einem Suchergebnis, deinem Twitter-Feed oder etwas anderem und … es passiert nichts. Du hast Dein Telefon in der Hand und starrst auf einen leeren Bildschirm. Ich warte normalerweise nicht länger als zwei oder drei Sekunden. Und dann gehe ich einfach zurück und schließe den Tab oder versuche eine andere Suche. Wenn ich darauf gewartet habe, dass deine Website geladen wird — hast du gerade einen Besucher verloren, einfach weil du mein Klopfen an deiner Tür nicht beantwortet hast. **Hier kannst du die aktualisierte Version dieses Blogbeitrags lesen:** - [Welche Faktoren sorgen dafür, dass eine Website so schnell wie möglich geladen wird?](https://b13.com/de/wissen/schnelles-laden-der-webseite) Langsame Websites verlieren Besucher -------------------------------------- [Benchmarks von Google](https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/) zeigen, dass 53% der mobilen Nutzer eine Website verlassen, die länger als drei Sekunden zum Laden benötigt. Laut derselben Studie brauchten etwa 70% der von Google analysierten Landing Pages mehr als fünf Sekunden, um alle sichtbaren Inhalte zu laden und anzuzeigen. Die Studie besagt, dass die Absprungrate um 90% steigt, wenn ein angeklickter Link 5 Sekunden zum Laden benötigt, anstatt eine Sekunde. Die Bounce-Rate ist die Anzahl der Nutzer, die deine Website verlassen. In ähnlicher Weise hat eine [Analyse von Amazon](https://www.gigaspaces.com/blog/amazon-found-every-100ms-of-latency-cost-them-1-in-sales/) ergeben, dass jede 100ms Latenz 1% der Verkäufe kostet. [Eine Fallstudie von Akamai](https://developer.akamai.com/blog/2015/09/01/mobile-web-performance-monitoring-conversion-rate), die eine große E-Commerce-Website analysiert, zeigt, dass der Sweet Spot für die beste Konversionsrate bei einer Ladezeit der Website von 2,4 Sekunden liegt. Wenn der Seitenaufbau mit 3,3 Sekunden nur 1 Sekunde langsamer ist, sinkt die Konversionsrate um mehr als 20%. Suchmaschinen lieben schnelle Websites ---------------------------------------- Die Ladegeschwindigkeit der Website ist seit langem ein Ranking-Signal für Google. Mit dem [Zusatz als Ranking-Faktor für die mobile Suche](https://webmasters.googleblog.com/2018/01/using-page-speed-in-mobile-search.html) im Juli 2018 ist die Website-Performance noch wichtiger geworden. Abhängig von deiner Zielgruppe überwiegen die mobilen Nutzer höchstwahrscheinlich die Nutzer, die auf deiner Website aufgrund einer Desktop-Suche landen — oder, falls nicht, wird das bald der Fall sein. Google favorisiert auch ausdrücklich AMP-Seiten und stellt die Suchergebnisse aus dem [eigenen globalen AMP-Cache](https://developers.google.com/search/docs/guides/about-amp) bereit, um diese Seiten so schnell wie möglich zu machen. Bei einem kürzlich erfolgten Relaunch einer Kunden-Website haben wir festgestellt, dass sich das Suchranking für deren wichtigste Suchbegriffe durch die Optimierung der Website-Performance deutlich verbessert hat. ![Tabelle, die die Rankings der Suchbegriffe vor und nach der Optimierung zeigt, einschließlich Begriffe wie "Ausbildungsmanagement-Software" und "Bewerbermanagement-Software" sowie deren jeweilige Rankings und prozentuale Veränderungen.](https://b13.com/fileadmin/_processed_/c/a/csm_easySoft_searchterm_tabelle_01_15a487b1f8.webp) Abbildung 1. Vergleich der Suchergebnis-Ranking-Zahlen für unseren Kunden vor und nach einem performance-orientierten Relaunch seiner Unternehmenswebsite für die wichtigsten Suchbegriffe. (13. August 2019). Was beeinflusst die Geschwindigkeit einer Website? ---------------------------------------------------- Bei der Bewertung der Geschwindigkeit einer Website betrachten wir drei Hauptbereiche: - **Den Server:** Hier befindet sich die Anwendung, der Inhalt wird erstellt und die Ausgabe gerendert. - **Das Netzwerk:** Die Verbindung zwischen dem Server und dem Gerät des Benutzers. - **Der Browser des Benutzers:** Der Browser nimmt die Rohdaten, die er von dem Server erhält, und stellt die Webseite in einer für den Benutzer sichtbaren Form dar. Die Server-Seite ------------------ Auf dem Server läuft eine Vielzahl von Software, darunter das Betriebssystem des Servers, PHP, ein CMS, die Datenbank und möglicherweise andere Anwendungen. [Nach Auswertungen von Google](https://typo3.com/blog/typo3-delivers-great-performance), ist TYPO3 CMS in einer Basisinstallation von der Stange das schnellste Open-Source-CMS. Dennoch können eine falsch konfigurierte Installation oder benutzerdefinierte Erweiterungen das CMS ausbremsen. Langsame Datenbankabfragen in Custom Extensions, ungültige oder ineffiziente Cache-Konfiguration und andere Fehler können die Leistung der Website beeinträchtigen, noch bevor Daten den Server verlassen. Wir verwenden [Blackfire](https://b13.com/de/tools/blackfire), ein PHP-Profiling-Tool, um die Server-Seite einer Anwendung zu testen. Blackfire stellt sicher, dass die Anwendung optimal funktioniert und kann dabei helfen herauszufinden, was die Renderingzeit auf deinem Server beeinträchtigt. Bei der Analyse einer Website im Rahmen eines Performance-Audits trägt Blackfire oft dazu bei, die Gesamtanwendung erheblich zu beschleunigen, indem Entwickler auf die Stellen in ihrem Code hingewiesen werden, die am dringendsten optimiert werden müssen. [ Let’s connect ](https://b13.com/de/kontakt) Das Netzwerk -------------- Wenn der Server so schnell antwortet, wie er sollte, und wenn die Anwendung optimal läuft, ist es an der Zeit, einen Blick auf das Netzwerk zu werfen. In der Regel befindet sich der Server in geographischer Nähe zu den Redakteuren, um die Kommunikationsabläufe in der Inhaltspflege so effizient wie möglich zu gestalten. Die Nutzer der Webseite können jedoch eine Verzögerung spüren, wenn sie sich in einer erheblichen Entfernung vom Server befinden. Wenn die Seiten erhebliche Rechenressourcen verbrauchen, kann der Server auch stark ausgelastet sein, weil er diese Ressourcen dem Benutzer zur Verfügung stellt. Erwäge daher die Verwendung eines CDN (Content Delivery Network), um deine Inhalte auf Servern zu spiegeln, die sich geografisch so nah wie möglich an deinen Besuchern befinden. Ein verteiltes Netzwerk von Servern trägt dazu bei, die Ladezeit aller statischen Assets, einschließlich Bildern und vollständig zwischengespeicherter Seiten, erheblich zu reduzieren. Wenn nicht gecachte Inhalte (Kommentare, ein Warenkorb, ein Anmeldestatus o.ä.) benötigt werden, dann passe deine Konfiguration so an, dass nur die dynamischen Daten direkt vom Server geladen werden, während der Rest von einem CDN ausgeliefert wird. Ein CDN optimiert auch den Code und stellt die Daten mit modernen Protokollen wie http/2 bereit, um die Bereitstellung mehrerer Assets und gleichzeitiger Anfragen zu beschleunigen. Der Browser ------------- Die Leistung deiner Website im Browser eines Benutzers hängt von einer Vielzahl von Faktoren ab: Die Größe und der Aufbau des HTML, die Anzahl der externen Ressourcen und deren Ladereihenfolge, die Anzahl der geladenen CSS-Dateien, die Art und Weise, wie sie geparst werden, sowie die Anzahl und die Ladereihenfolge der externen JavaScripts. Bilder und JavaScript tragen bei den meisten der 2018 in [dieser Studie](https://paulcalvano.com/index.php/2018/07/02/impact-of-page-weight-on-load-time/) untersuchten Top-1000-Sites am stärksten zum Seitengewicht bei. Es ist unserer Erfahrung nach in der Regel eine umfangreiche Aufgabe, die Menge an JavaScript auf einer bestehenden Website zu reduzieren und, wo möglich, einen reinen CSS-Ansatz zu implementieren. Es gibt jedoch weitere Schritte, die sich zügig umsetzen lassen, z.B. die Reduzierung der Größe von Bildern. Das Hinzufügen einer API zur Verwendung eines Bildverarbeitungsdienstes, wie z.B. [tinify](https://tinypng.com/developers), um die Dateigrößen der verwendeten Bilder auf deiner Seite zu minimieren, ist eine verhältnismässig einfache Aufgabe für die Entwickler. Wenn möglich, ändere die Bild-Tags in Deinem HTML in Formate wie WebP (ein CDN könnte dies auch out of the box für Dich tun). Und wenn du schon dabei bist, überleg dir, ob du nicht mehrere Versionen deiner Bilder in den für jeden Breakpoint verwendeten Dimensionen rendern solltest. Bei b13 versuchen wir, Front-End-Anforderungen zunächst ohne den Einsatz von JavaScript zu lösen. Wenn möglich, verwenden wir CSS, um einem Front-End-Template Funktionen wie ein Akkordeon, einen Tab-Container oder ein Slider-Element hinzuzufügen, ohne dabei die Benutzerfreundlichkeit oder die Designanforderungen zu beeinträchtigen. Wenn ein Bedarf an JavaScript besteht, wählen wir Vanilla-JavaScript, bevor wir auf Frameworks zurückgreifen. Obwohl jQuery für Entwickler einfach zu benutzen und schnell integriert ist, kann es die Performance unnötigt beeinträchtigen. Ein Beispiel für eine möglichst effiziente Gestaltung der Ladezeiten ist der Umgang mit dem Lazy-Loading von Bildern. Wenn Bilder erst dann geladen werden, wenn sie im Browser des Benutzers sichtbar werden, wird die Ladezeit der Webseite beschleunigt. Es gibt eine Reihe von verschiedenen Implementierungen, die jQuery oder andere Frameworks verwenden, die eine Plug-and-Play-Lösung für das Lazy-Loading von Bildern versprechen. Dies ist sicherlich praktisch und einfach zu benutzen, aber es erfordert, dass man eine Bibliothek mit Code hinzufügt, von dem man ggf. einiges gar nicht benötigt. Ein kleiner JavaScript-Block (etwa 500 Bytes) kann das gleiche erreichen, ohne in der Ladezeit stark ins Gewicht zu fallen oder Abhängigkeiten einzuführen, die andere Auswirkungen auf das Projekt haben könnten. Bei der Optimierung der Front-End-Performance deiner Website sind noch weitere Aufgaben zu berücksichtigen: Reduziere die Anzahl der benutzerdefinierten Schriftarten, benutze SVGs anstelle von Icon-Fonts, integriere kritisches oder seitenspezifisches CSS, um die Größe der „Haupt“-CSS-Datei deiner Website zu reduzieren. Schaue dir unsere Lösungen und Best-Practices an, um deine Seiten zu optimieren. Mach Websiten-Performance zu einer Anforderung für dein Projekt ----------------------------------------------------------------- Wird ein neues Webprojekt in Auftrag gegeben, sollte die Geschwindigkeit der Website ganz oben auf der Liste der Anforderungen stehen. Dies sollte bei jedem Schritt berücksichtigt werden, und zwar schon von Anfang an. Die Entwickler sollten bereits in Gesprächen über die grundlegenden Design- und Konzeptentscheidungen einbezogen werden. Sie werden wertvolle Beiträge zu den Auswirkungen verschiedener Überlegungen auf die Performance liefern. Teste die Infrastruktur frühzeitig und häufig. Überprüfe erstellte Templates und behebe negative Effekte auf das Browser-Rendering, bevor du die Frontend-Templates in deinem CMS ausrollst. Und setze die Tests fort, sobald der eigentliche Inhalt eingepflegt ist. „Treat a slow website as a bug“ --------------------------------- Benni Mack, mein Kollege und Geschäftspartner seit 15 Jahren, sagte kürzlich in einem Workshop: „Treat a slow website as a bug.“ Wenn Beschwerden von Nutzern eingehen, Verzögerungen auftreten, unerwartete Absprungraten auftreten oder du einfach das Gefühl hast, dass deine Website langsamer wird, dann führe einen Performance-Audit durch. Starte auf Serverebene und arbeite dich bis zum endgültigen Front-End-Rendering durch. Die Beseitigung von einfach zu lösenden Problemen werden sich direkt auszahlen. Wenn du nicht weißt, wo du anfangen sollst, bitte um Hilfe. Wir sehen uns gerne um und helfen dabei, Bereiche zu identifizieren, in denen Verbesserungen möglich sind. Wir können mit den Entwicklern oder deiner Agentur zusammenarbeiten, um zu zeigen, wie wir Blackfire verwenden, das Laden von Bildern optimieren, ein CDN für deine Website konfigurieren oder an der Verbesserung der Leistung bestimmter Landing Pages — oder deiner gesamten Website — arbeiten. ### Geschrieben von: ![Lächelnder Mann mit kurzen Haaren und einem Bart, der ein rotes T-Shirt trägt, steht in einem gut beleuchteten Innenraum mit verschwommenem Hintergrund.](https://b13.com/fileadmin/_processed_/a/d/csm_david_cf042ebb7f.webp) Als b13-Gründer und CEO is David derjenige, mit dem Du es zu tun haben wirst, wenn Du mit uns zusammenarbeiten möchtest. Er eignet sich ständig neue Fähigkeiten an und bestimmt maßgeblich unsere hochmodernen Ansätze in der Frontend-Entwicklung. David Steeb CEO [ mehr von David Steeb ](https://b13.com/de/team/david-steeb) Ähnliche Artikel ------------------ - ![Eine menschliche Hand schüttelt eine Roboterhand vor einem lila Hintergrund mit Herzmustern, was die Zusammenarbeit zwischen Menschen und Technologie symbolisiert.](https://b13.com/fileadmin/_processed_/6/2/csm_AIbotsLoveMarkdown_Headerbild_72fe5820d6.webp) ### Das Internet ist nicht mehr nur für Menschen — KI-Bots lieben Markdown 28. Januar 2026 | Benni Mack Discover why most web traffic is now automated and how TYPO3’s structured content model prepares websites for humans, editors, and AI systems. [ weiterlesen: Das Internet ist nicht mehr nur für Menschen — KI-Bots lieben Markdown ](https://b13.com/de/wissen/das-internet-ist-nicht-mehr-nur-fuer-menschen-ki-bots-lieben-markdown) - ![Ein Laptop ist mit mehreren Ordnern und Browserfenstern verbunden, was Konzepte der Datenverwaltung und -organisation veranschaulicht.](https://b13.com/fileadmin/_processed_/8/9/csm_SubdirectoriesSubdomains_Sharing_be4a05761c.webp) ### Unterverzeichnisse oder Subdomains: Was ist besser für SEO? 23. Oktober 2025 | David Steeb Unterverzeichnisse, Subdomains und bessere SEO-Rankings. Die Antwort auf die Frage „Was soll ich verwenden?“ ist immer: „Es kommt drauf an.“ Subdomains und Unterverzeichnisse… [ weiterlesen: Unterverzeichnisse oder Subdomains: Was ist besser für SEO? ](https://b13.com/de/wissen/unterverzeichnisse-oder-subdomains-was-ist-besser) - ![Illustration einer Rakete, die von einem Laptopbildschirm startet – Symbol für schnelle Ladezeiten von Websites.](https://b13.com/fileadmin/_processed_/9/f/csm_QuickLoad_Headerbild_914e5cfa94.webp) ### Welche Faktoren sorgen dafür, dass eine Website so schnell wie möglich geladen wird? 30. April 2025 | David Steeb Entdecke praktische Lösungen zur Verbesserung der Ladezeiten und der Leistung von Websites durch Server-, Netzwerk- und Front-End-Optimierungen, einschließlich TYPO3-spezifischer… [ weiterlesen: Welche Faktoren sorgen dafür, dass eine Website so schnell wie möglich geladen wird? ](https://b13.com/de/wissen/schnelles-laden-der-webseite) - ![Ein Weg führt durch stilisierte Wolken, flankiert von einer Lupe und Zahnrädern, mit Symbolen, die Texte und Dokumente im Hintergrund darstellen und Themen von Erkundung und Technologie andeuten.](https://b13.com/fileadmin/_processed_/8/0/csm_accessibility-guide_0acd1932f3.webp) ### Ein Leitfaden für die Berücksichtigung von Barrierefreiheit im UX-Design 12. April 2024 | Franzi Töpler Menschen mit Beeinträchtigungen stellen eine der größten Gruppen von Online-Nutzern dar, aber sie werden in der digitalen Welt oft übersehen. Die Verbesserung der Barrierefreiheit… [ weiterlesen: Ein Leitfaden für die Berücksichtigung von Barrierefreiheit im UX-Design ](https://b13.com/de/wissen/ein-leitfaden-fuer-die-beruecksichtigung-von-barrierefreiheit-im-ux-design) - ![Ein türkisfarbener Laptop zeigt eine gelbe Herzschlaglinie über den Bildschirm, mit abstrakten Grafiken im Hintergrund, die auf Datenanalyse oder Überwachung hindeuten.](https://b13.com/fileadmin/_processed_/0/8/csm_CoreWebVitals_Headerbild_b4abe20660.webp) ### Eine Core Web Vital-Anleitung für TYPO3-Benutzer 16. Februar 2024 | Franzi Töpler Die Core Web Vitals sind die wichtigsten Metriken, um festzustellen, ob eine Webseite schnell und ohne Unterbrechungen auf Benutzerinteraktionen reagiert. TYPO3-Administratoren und… [ weiterlesen: Eine Core Web Vital-Anleitung für TYPO3-Benutzer ](https://b13.com/de/wissen/eine-core-web-vital-anleitung-fuer-typo3-benutzer) - ![Ein stilisierter Schatzkarte mit Landschaftsformen, einem gewundenen Pfad, Bäumen und Bergen, auf der ein "X" einen bestimmten Ort markiert. Der Hintergrund ist ein Farbverlauf in Lila mit abstrakten Formen.](https://b13.com/fileadmin/_processed_/4/1/csm_ux-trouble-shooting-user-journey_211db787f7.webp) ### Optimierung des User Journey: Wie du deinen Nutzern hilfst, das zu finden, wonach sie suchen 14. März 2023 | Laura Heine Die User Journey ist ein wesentlicher Teil der User Experience (UX). Wenn Nutzer:innen eine Aufgabe in deiner App oder auf deiner Website nicht erledigen können, sinkt ihr… [ weiterlesen: Optimierung des User Journey: Wie du deinen Nutzern hilfst, das zu finden, wonach sie suchen ](https://b13.com/de/wissen/optimierung-des-user-journey-wie-du-deinen-nutzern-hilfst-das-zu-finden-wonach-sie-suchen) - ![Eine Lupe überlagert verschiedene abstrakte Formen, darunter Zahnräder und Rechtecke, vor einem dunklen lila Hintergrund. Das Design deutet auf Themen wie Suche, Analyse und Technologie hin.](https://b13.com/fileadmin/_processed_/b/a/csm_ux-trouble-shooting-search_baed040eb3.webp) ### Die Website-Suche ist mehr als ein kleiner Kasten in der Ecke 10. März 2023 | Laura Heine Nutzer wollen Informationen schnell finden. Wenn die Seitennavigation unzureichend ist, greifen sie schnell auf die Suchfunktion zurück. Heutzutage erwarten die Nutzer:innen, dass… [ weiterlesen: Die Website-Suche ist mehr als ein kleiner Kasten in der Ecke ](https://b13.com/de/wissen/die-website-suche-ist-mehr-als-ein-kleiner-kasten-in-der-ecke) - ![Ein stilisiertes Grafikdesign, das ein Haus zeigt, mit drei horizontalen Balken, die Datenspeicherung repräsentieren, einem Vorhängeschloss, das Sicherheit symbolisiert, und einem Schlüssel. Die Hintergrundelemente umfassen Blätter und abstrakte Formen, die ein digitales oder cloudbasiertes Thema andeuten.](https://b13.com/fileadmin/_processed_/2/5/csm_on-prem_e9249f94ba.webp) ### Warum du On-Prem statt SaaS für dein CMS wählen solltest? 14. Februar 2023 | David Steeb Unternehmen haben heute viele Optionen für die Softwarebereitstellung zur Auswahl. Da Software-as-a-Service (SaaS) und Cloud-basierte Implementierungsmodelle auf dem Vormarsch… [ weiterlesen: Warum du On-Prem statt SaaS für dein CMS wählen solltest? ](https://b13.com/de/wissen/why-choose-on-prem-over-saas-for-your-cms-in-2022) - ![Ein Computer-Monitor zeigt ein Sternenexplosion-Design, umgeben von stilisierten Pflanzen und einer Schreibtischlampe, alles vor einem warmen, verlaufenden Hintergrund mit abstrakten Formen.](https://b13.com/fileadmin/_processed_/d/e/csm_workspaces_4bcc71e65c.webp) ### Verbesserte Workspaces 01. Juli 2022 | Benni Mack Eine der leistungsstarken Funktionen von TYPO3 für die Veröffentlichung von Inhalten sind die Workspaces — das Erstellen und Testen in einer Entwurfsumgebung vor der… [ weiterlesen: Verbesserte Workspaces ](https://b13.com/de/wissen/verbesserte-workspaces) - ![Zwei Figuren interagieren mit einem Computer, der ein schwankendes Diagramm anzeigt. Eine Figur hält einen großen Schraubenschlüssel, während die andere auf den Bildschirm zeigt. Im Hintergrund sind Zahnräder und verschiedene technische Elemente zu sehen, was auf ein Thema von Ingenieurwesen oder Datenanalyse hindeutet.](https://b13.com/fileadmin/_processed_/a/2/csm_blackfire_pt2_68c9f99e2f.webp) ### Blackfire, Teil 2: Setze (und übertreffe) Deine Performance Baselines 09. Februar 2021 | Benni Mack Sobald du den Dreh mit Blackfire raus hast, kannst du noch mehr tun, um deine Website zu beschleunigen. Füge Tests, Baselines, gezielte Sub-Profile und mehr hinzu. [ weiterlesen: Blackfire, Teil 2: Setze (und übertreffe) Deine Performance Baselines ](https://b13.com/de/wissen/blackfire-teil-2-setze-und-uebertreffe-deine-performance-baselines)