Ein weiterer Vorteil: Eine k\u00fcrzere Ladezeit kann auch die Absprungrate (Bounce Rate) reduzieren, somit zu mehr wiederkehrendem Traffic f\u00fchren und am Ende sogar Deinen Gewinn erh\u00f6hen.<\/p>\n
Lass uns also direkt loslegen.<\/p>\n
- Warum die Optimierung Deines Page Speed so wichtig ist<\/a><\/li>
- So kannst Du Deinen Page Speed pr\u00fcfen<\/a><\/li>
- Die Grundprinzipien der Page Speed Optimierung<\/a><\/li>
- Technische und Onpage-Tipps zur Optimierung des Page Speeds<\/a><\/li>
- Optimierst Du f\u00fcr WordPress?<\/a><\/li>
- Fazit<\/a><\/li><\/ul><\/div>\n
Warum die Optimierung Deines Page Speed so wichtig ist<\/strong><\/h2>\n
Die Ladegeschwindigkeit von Webseiten bestimmt zu gro\u00dfen Teilen, inwieweit sowohl Crawler als auch User mit den Seiten interagieren k\u00f6nnen.<\/p>\n
Langsame Ladezeiten haben eine h\u00f6here Absprungrate<\/a> und weniger Conversions zur Folge, was besonders f\u00fcr mobile User oder User mit instabilen Internetverbindungen gilt.<\/p>\n
Und auch die Indexierung<\/a> durch Crawler kann leiden, wenn Deine Seiten zu langsam laden. Das gilt sowohl f\u00fcr die herk\u00f6mmlichen Suchmaschinencrawler<\/a> (SEO) als auch f\u00fcr LLMs<\/a> wie ChatGPT<\/a> (Stichwort \u201cGenerative Engine Optimization\u201d (GEO)).<\/p>\n
Kurz gesagt: Eine gute Ladegeschwindigkeit ist entscheidend f\u00fcr die Performance Deiner Website.<\/p>\n
So kannst Du Deinen Page Speed pr\u00fcfen<\/strong><\/h2>\n
Bevor Du mit der Optimierung beginnst, musst Du Deine Ausgangslage kennen.<\/p>\n
Obwohl es einige coole Tools zur Messung der Ladegeschwindigkeit gibt \u2013 an dieser Stelle Shoutout an GTMetrix und Pingdom! \u2013 bietet Googles PageSpeed Insights<\/a> alles, was Du brauchst, um die aktuelle Performance Deiner Website zu messen.<\/p>\n
PageSpeed Insights liefert eine Menge n\u00fctzlicher Metriken. Die beiden wichtigsten Zahlen, auf die Du achten solltest, sind folgende:<\/p>\n
- \n
- Der mobile \u201eSpeed Score\u201c Deiner Seite (0-100)<\/li>\n
- LCP und \u201eInteraction to Next Paint<\/a>\u201d Deiner Seite (die Zeit, bis ein Besucher die Seite nutzen kann)<\/li>\n<\/ul>\n
Hinweis: Wir empfehlen Dir, Dich auf den mobilen Page Speed zu konzentrieren, da Google <\/em>Mobile-First-Indexierung<\/a> nutzt.<\/em><\/p>\n
Die Seobility Startseite<\/a> hat derzeit etwa einen mobilen Speed Score von 82 \u2026<\/p>\n
![\"google](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/09\/pagespeed-insights-seobility.png\")
<\/p>\n\u2026 einen Largest-Contentful-Paint-Wert von 4,1 Sekunden und einen Interaction-to-Next-Paint-Wert von 175 ms.<\/p>\n
![\"time](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/09\/time-to-interactive-seobility.png\")
<\/p>\nFalls Du Dich wunderst\u2026 wir wissen, dass das durchaus verbesserungsw\u00fcrdig ist und arbeiten bereits daran!<\/p>\n
Aber was ist eigentlich ein guter<\/span><\/i> Page-Speed-Score?<\/p>\n
Generell solltest Du einen Score zwischen 90 und 100 anpeilen, zumindest ist das der Wert, den Google als gut betrachtet.<\/p>\n
F\u00fcr INP gelten 200 ms oder weniger als gut. 200\u2013500\u00a0ms sind verbesserungsw\u00fcrdig und alles \u00fcber 500 ms gilt als mangelhaft.<\/p>\n
Beim LCP-Wert solltest Du nicht \u00fcber 2,5 Sekunden liegen.<\/p>\n
Zu diesem Thema gibt es allerdings noch einiges mehr zu sagen.<\/p>\n
Schau Dir unseren Beitrag dar\u00fcber an, wie schnell Deine Website laden sollte<\/a>, um einen genaueren Einblick in dieses Thema zu bekommen.<\/p>\n
Die Grundprinzipien der Page Speed Optimierung<\/strong><\/h2>\n
Bevor wir zu den Tipps kommen, schauen wir uns kurz an, was wir grunds\u00e4tzlich erreichen wollen.<\/p>\n
Kurz und knapp: Jede unserer Ma\u00dfnahmen f\u00fcr die Verbesserung der Ladegeschwindigkeit zielt auf einen der folgenden Faktoren ab:<\/p>\n
- \n
- Verbesserung der serverseitigen Ausf\u00fchrungszeit oder die Reduktion der Server-Antwortzeit<\/a> (Verbesserung der Time to First Byte oder TTFB)<\/li>\n
- Reduzierung der Gr\u00f6\u00dfe einer Webseite und\/oder der Zeit, die zum serverseitigen Rendern<\/a> einer Seite und zum Senden von Webinhalten an den Browser des Clients ben\u00f6tigt wird<\/li>\n
- Wiederverwendung von Inhalten und\/oder Ressourcen, um Download-Zeit zu sparen<\/li>\n
- Reduzierung der Ausf\u00fchrungszeit einer Seite auf Client-Seite<\/li>\n<\/ul>\n
Und jeder der folgenden Tipps zahlt auf eines dieser Ziele ein.<\/p>\n
Also, weiter geht\u2019s\u2026<\/p>\n
Hinweis: Dieser Abschnitt behandelt haupts\u00e4chlich Onpage-Ma\u00dfnahmen und grundlegende technische Schritte, mit denen Du Deine Website schneller machen kannst. Wenn Du noch mehr zu dem Thema erfahren m\u00f6chtest, nimm Dir unseren Leitfaden zur Optimierung Deines Servers und Deiner Infrastruktur<\/a> vor.<\/p>\n
Technische und Onpage-Tipps zur Optimierung des Page Speeds<\/strong><\/h2>\n
In diesem Abschnitt geben wir Dir 12 Tipps, mit denen Du die Ladegeschwindigkeit Deiner Website optimieren kannst \u2013 von der Einrichtung von Caching bis hin zur Optimierung von Bildern, Skripten, Style Sheets und mehr.<\/p>\n
1. Implementiere Caching f\u00fcr Deine Website<\/h3>\n
Schwierigkeit: Einfach bis mittel (f\u00fcr die meisten CMS<\/a> kannst Du dies mit einem Plugin erledigen)<\/p>\n
Warum solltest Du das tun?<\/h4>\n
Bei dynamischen Websites werden Inhalte (Artikel, Produkte usw.) in einer Datenbank (getrennt vom Haupt-Template) gespeichert und dann im Handumdrehen eine Seite zusammengebaut, wenn ein Benutzer sie besucht.<\/p>\n
Allerdings sind f\u00fcr das Abrufen der Inhalte aus einer Datenbank bei jedem einzelnen Besuch viele Ressourcen notwendig.<\/p>\n
Caching<\/a> behebt dieses Problem. Beim Caching wird eine Kopie der vollst\u00e4ndigen Seite (d.h. dem Template inklusive Content) beim ersten Rendern erstellt und auf der lokalen Festplatte des Servers gespeichert. Diese zwischengespeicherte Version kann Hunderte Male schneller abgerufen werden, als wenn sie aus der Datenbank abgerufen und bei jedem Laden der Seite gerendert w\u00fcrde.<\/p>\n
![\"Caching\"](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2021\/02\/uncached_workflow.png\")
<\/p>\nBeim Caching wird eine Seite nur dann neu aus der Datenbank abgerufen und zusammengesetzt, wenn sie nicht bereits im Cache gespeichert ist (Quelle<\/a>)<\/p>\n
Der Cache wird in regelm\u00e4\u00dfigen Abst\u00e4nden aktualisiert, normalerweise alle paar Stunden. Das sorgt f\u00fcr ein gutes Gleichgewicht zwischen der Aktualit\u00e4t der Inhalte und einer optimalen Seitenladegeschwindigkeit.<\/p>\n
So funktioniert\u2019s<\/h4>\n
Die meisten CMS erm\u00f6glichen es, ein Plug-in (oder eine App) f\u00fcr das Caching zu installieren.<\/p>\n
Wenn Du WordPress verwendest, empfehlen wir WP Rocket<\/a>, das \u00fcbrigens auch bei vielen anderen Tipps in unserer Liste helfen kann.<\/p>\n
![\"wp](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2021\/02\/wp-rocket.png\")
<\/p>\nEs gibt aber auch kostenlose Plug-ins, wie z.B. W3 Total Cache<\/a>. Auch bei Shopify findest Du eine gro\u00dfe Auswahl. HyperSpeed<\/a> ist etwa eine gute Allround-App, wenn es um Ladegeschwindigkeit geht.<\/p>\n
Am besten suchst Du f\u00fcr Dein CMS nach Bewertungen und Vergleichen von Caching- (und Page Speed-) Plug-ins.<\/p>\n
2. Optimiere Deine Bilder und verwende Lazy Loading<\/h3>\n
Schwierigkeit: Einfach (die meisten Bildbearbeitungsprogramme erm\u00f6glichen eine Optimierung f\u00fcr Web und Lazy Loading wird zum Standard)<\/p>\n
Warum solltest Du es tun?<\/h4>\n
Bilder k\u00f6nnen dazu beitragen, dass sich Deine Website von der Masse abhebt, dass Deine Inhalte angenehmer zu lesen sind (indem Du die Textbl\u00f6cke aufteilst) und die Absprungrate<\/a> sinkt.<\/p>\n
Bei Seobility erstellen wir f\u00fcr jeden unserer Blog-Beitr\u00e4ge eigene Bilder.<\/p>\n
![\"blog](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/09\/blog-beitragsbild-1.png\")
<\/p>\nWenn diese aber nicht optimiert sind, k\u00f6nnen sie Deine Website auch erheblich verlangsamen.<\/p>\n
So funktioniert\u2019s<\/h4>\n
Vergewissere Dich zuallererst, dass Deine Bilder \u201elazy-loaded\u201c sind<\/strong><\/span>. Hierbei handelt es sich um eine Funktion, bei der Bilder nur dann geladen werden, wenn der Benutzer kurz davor ist, diese zu sehen (z. B. wenn er beim Scrollen in die N\u00e4he des Bildes kommt).<\/p>\n
Wenn Du mit WordPress arbeitest, dann ist Lazy Loading bereits eingebaut, solange Du die Version 5.4 oder h\u00f6her verwendest (was eigentlich jeder tun sollte). Von Version 6.3 aufw\u00e4rts wurden smartere Lazy-Loading-Funktionen eingebaut, sodass Du hier eigentlich nicht mehr viel machen musst.<\/p>\n
Bei anderen CMS oder komplett selbstgebauten Websites musst Du m\u00f6glicherweise ein Plug-in verwenden oder f\u00fcr die Einrichtung einen Entwickler zur Hilfe heranziehen.<\/p>\n
Danach musst Du sicherstellen, dass die Bilder, die Du verwendest, f\u00fcr die Nutzung im Web optimiert sind<\/strong><\/span>.<\/p>\n
Normalerweise bedeutet das, dass sie in einem Format gespeichert sind, das deren Gr\u00f6\u00dfe reduziert, ohne dabei Qualit\u00e4tseinbu\u00dfen zu verursachen. Es gibt verschiedene Tools, die Dir dabei helfen k\u00f6nnen.<\/p>\n
Mit den meisten Grafikdesign-Tools wie Photoshop (siehe unten) kannst Du Bilder f\u00fcr das Web speichern. Alternativ kannst Du ein Tool wie TinyPNG<\/a> verwenden, um Bilder individuell zu optimieren.<\/p>\n
![\"Optimierung](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2021\/02\/technical-2-optimize.png\")
<\/p>\nWenn Du die Bildoptimierung direkt in WordPress vornehmen willst, kannst Du Smush von WPMU<\/a> oder Imagify<\/a> verwenden.<\/p>\n
3. Verwende Next-Gen-Formate wie WebP<\/h3>\n
Schwierigkeit: Mittel (das Konvertieren von Bildern in WebP ist einfach, diese zur Ansicht bereitzustellen, erfordert jedoch einige weitere Optimierungen).<\/p>\n
Warum solltest Du es tun?<\/h4>\n
Wir wissen, dass Bilder optimiert werden m\u00fcssen. Aber welches Bildformat bietet einen guten Kompromiss zwischen Qualit\u00e4t und Gr\u00f6\u00dfe?<\/p>\n
PageSpeed Insights empfiehlt WebP<\/a>. Dies ist ein verlustfreies Bildformat, das speziell f\u00fcr das Internet entwickelt wurde.<\/p>\n
Was bedeutet verlustfrei?<\/p>\n
Formate wie JPG \u201everlieren\u201c typischerweise etwas von der Bildqualit\u00e4t, um die Dateigr\u00f6\u00dfe zu verringern. Verlustfreie Bildformate wie PNG und WebP gehen keinerlei Kompromisse bei der Qualit\u00e4t zugunsten der Gr\u00f6\u00dfe ein.<\/p>\n
So funktioniert\u2019s<\/h4>\n
Plug-ins wie Imagify (oben erw\u00e4hnt) oder WebP Express k\u00f6nnen Deine Medien in WebP konvertieren und dann dieses Format f\u00fcr die Anzeige von Bildern verwenden.<\/p>\n
Alternativ kannst Du dieses kostenlose Tool<\/a> dazu verwenden, Deine Bilder manuell in WebP zu konvertieren.<\/p>\n
![\"WebP](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2021\/04\/converter.png\")
<\/p>\nZum Weiterlesen: A new image format for the Web<\/a> (Google Developers)<\/em><\/p>\n
4. Aktiviere GZip-Komprimierung<\/h3>\n
Schwierigkeit: einfach (eine kleine \u00c4nderung der Konfiguration)<\/p>\n
Warum solltest Du es tun?<\/h4>\n
Ein Gro\u00dfteil des Inhalts einer Website besteht aus Text. Beispielsweise basieren HTML, CSS und JavaScript allesamt auf Text.<\/p>\n
Da Textinhalte hochkomprimierbar sind, kann dar\u00fcber die Performance leicht gesteigert werden. Wenn Inhalte komprimiert sind, m\u00fcssen weniger Daten \u00fcbertragen werden, was die Ladezeit deutlich verk\u00fcrzt.<\/p>\n
Hinweis: Obwohl das Komprimieren und Dekomprimieren von Inhalten zu kleinen Verbesserungen f\u00fchrt, besteht ein deutlich gr\u00f6\u00dferer Vorteil in der Reduzierung der \u00dcbertragungsgr\u00f6\u00dfe.<\/em><\/p>\n
So funktioniert\u2019s<\/h4>\n
Die Aktivierung der GZip<\/a>-Komprimierung kann normalerweise durch Deinen Hosting-Anbieter erfolgen. Bei cPanel-basierten Hostern musst Du nach dem Abschnitt \u201eOptimize Website\u201c suchen und die Komprimierung wie unten abgebildet aktivieren.<\/p>\n
![\"gzip](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2021\/02\/gzip.png\")
<\/p>\nAlternativ kannst Du Deiner .htaccess<\/a>-Datei ein kurzes Code-Snippet hinzuf\u00fcgen:<\/p>\n
<IfModule mod_deflate.c>\r\n\r\n# Enable compression for common content types\r\n\r\nAddOutputFilterByType DEFLATE text\/html\r\n\r\nAddOutputFilterByType DEFLATE text\/plain\r\n\r\nAddOutputFilterByType DEFLATE text\/xml\r\n\r\nAddOutputFilterByType DEFLATE text\/css\r\n\r\nAddOutputFilterByType DEFLATE text\/javascript\r\n\r\nAddOutputFilterByType DEFLATE application\/javascript\r\n\r\nAddOutputFilterByType DEFLATE application\/json\r\n\r\nAddOutputFilterByType DEFLATE application\/xml\r\n\r\nAddOutputFilterByType DEFLATE application\/xhtml+xml\r\n\r\nAddOutputFilterByType DEFLATE application\/rss+xml\r\n\r\nAddOutputFilterByType DEFLATE image\/svg+xml\r\n\r\n \r\n\r\n# Optional: Handle old browser bugs (safe for compatibility)\r\n\r\nBrowserMatch ^Mozilla\/4 gzip-only-text\/html\r\n\r\nBrowserMatch ^Mozilla\/4\\.0[678] no-gzip\r\n\r\nBrowserMatch \\bMSIE !no-gzip !gzip-only-text\/html\r\n\r\nHeader append Vary User-Agent\r\n\r\n<\/IfModule><\/pre>\n
Anschlie\u00dfend kannst Du die korrekte Nutzung auf allen Seiten pr\u00fcfen<\/strong>, indem Du \u00fcber Seobility ein Website Audit<\/a> durchf\u00fchrst. Du findest die entsprechenden Infos im Bericht \u201eSeiten ohne Komprimierung\u201c.<\/p>\n
Seobility > Website Audit > Reports.<\/em><\/span><\/p>\n
![\"SEO](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/09\/SEO-Check-einzelne-Seiten.png\")
<\/p>\nAlternativ kannst Du mit unserem kostenlosen SEO Check<\/a> einzelne Seiten \u00fcberpr\u00fcfen.<\/p>\n
5. Verkleinere Dein JS, CSS und HTML<\/h3>\n
Schwierigkeit: Mittel (einfach durchzuf\u00fchren, aber pr\u00fcfe anschlie\u00dfend, ob alles korrekt funktioniert)<\/p>\n
Warum solltest Du es tun?<\/h4>\n
Kommentare, Zeilenumbr\u00fcche, Einz\u00fcge und andere unn\u00f6tige Zeichen k\u00f6nnen aus JS-, CSS- und HTML-Dateien entfernt werden, um deren Gr\u00f6\u00dfe zu reduzieren.<\/p>\n
So funktioniert\u2019s<\/h4>\n
Du kannst dieses kostenlose Tool<\/a> verwenden, um Deine CSS-, JS- und HTML-Dateien zu minimieren.<\/p>\n
![\"JS](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2021\/02\/technical-7-minify.png\")
<\/p>\n(Und wenn Du etwas vermasselst, kannst Du das Tool auch zum \u201eEnt-Minimieren\u201c Deiner Skripte verwenden).<\/p>\n
Wenn Du Dir unsicher bist, welche Dateien optimiert werden m\u00fcssen, kannst Du \u00fcber das Seobility Website Audit gro\u00dfe Dateien auf Deiner Website finden:<\/p>\n
Seobility > Website Audit > Reports > Probleme mit eingebundenen Dateien > Filter nach: Gro\u00dfe Dateigr\u00f6\u00dfe<\/p>\n
![\"Probleme](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/09\/Probleme-mit-eingebundenen-Dateien.png\")
<\/p>\nZum Weiterlesen: Warum sollte man JavaScript-Code minimieren<\/a> (Cloudflare)<\/em><\/p>\n
6. Verschiebe das Parsen von JavaScript<\/h3>\n
Schwierigkeit: Einfach (kann durch ein Plugin erledigt werden oder durch manuelles Hinzuf\u00fcgen eines Attributs zu den Skripten)<\/p>\n
Warum sollst Du es tun?<\/h4>\n
JavaScript-Bibliotheken sind typischerweise im Header einer Seite enthalten. Standardm\u00e4\u00dfig muss ein Browser, wenn ein Skript aufgerufen wird, die Datei herunterladen und \u201eparsen\u201c, bevor er mit dem Laden anderer Inhalte fortf\u00e4hrt.<\/p>\n
Dies wird als \u201eRender-blocking<\/strong><\/span>\u201c bezeichnet und kann Deine Website erheblich verlangsamen.
\nDas ist jedoch leicht zu beheben. In unserem Core Web Vitals Guide<\/a> haben wir genau beschrieben, wie Du dabei vorgehst.<\/p>\n7. Verschiebe das Laden von nicht-kritischem CSS<\/h3>\n
Schwierigkeit: Mittel (etwas schwieriger als das Aufschieben von JavaScript)<\/p>\n
Warum solltest Du es tun?<\/h4>\n
CSS, wie auch JavaScript, blockiert das Rendern einer Seite. Um also die Ladezeit zu verbessern, kannst Du kritisches CSS (Styles, die zum Rendern von \u201eabove the fold<\/a>\u201c Content erforderlich sind) direkt in den HTML-Code der Seite einbinden und den Rest sp\u00e4ter laden..<\/p>\n
Es ist nicht ganz so einfach wie das Verschieben von JavaScript (es sei denn, Du verwendest ein Plugin), aber es ist immer noch relativ unproblematisch.<\/p>\n
Wie funktioniert\u2019s<\/h4>\n
In diesem web.dev Guide<\/a> wird das Verschieben des Ladevorgangs von nicht-kritischem CSS im Detail beschrieben.<\/p>\n
Au\u00dferdem erkl\u00e4ren wir die Vorgehensweise auch hier in unserem Core Web Vitals Guide<\/a>.<\/p>\n
8. Reduziere die Gesamtgr\u00f6\u00dfe der Webseite<\/h3>\n
Schwierigkeit: Schwer (erfordert die Kombination vieler Tipps aus diesem Guide und die Analyse einzelner Requests)<\/p>\n
Warum solltest Du es tun?<\/h4>\n
Was ist die goldene Regel, um die Ladegeschwindigkeit einer Website zu verbessern? Halte die Gr\u00f6\u00dfe jeder einzelnen Seite so klein wie m\u00f6glich.<\/strong><\/span><\/p>\n
Um wirklich gute Ergebnisse zu erzielen, empfehlen wir Dir, so viele Schritte wie m\u00f6glich aus diesem Guide zu befolgen. Je hartn\u00e4ckiger Du dabei vorgehst, desto besser.<\/p>\n
Das Ziel sollte klar sein. Je kleiner jede Seite ist, desto schneller wird sie geladen \u2013 konzentriere Dich also darauf, sie so klein wie m\u00f6glich zu halten.<\/p>\n
Eine Gr\u00f6\u00dfe von unter 1 MB<\/strong><\/span> w\u00e4re das ideale Ziel, aber das kann je nach Website variieren. Konzentriere Dich einfach darauf, sie so klein wie m\u00f6glich zu halten, ohne dabei die Benutzerfreundlichkeit zu beeintr\u00e4chtigen.<\/p>\n
So funktioniert\u2019s<\/h4>\n
Abgesehen von den Tipps in diesem Guide solltest Du Dir alles ansehen, was Deine Seite l\u00e4dt (also alle Requests).<\/p>\n
Du kannst im Rahmen des Seobility Website Audits<\/a> Deine Website nach zu gro\u00dfen HTML-Seiten durchsuchen:<\/p>\n
Seobility > Website Audit > Reports <\/em><\/span><\/p>\n
![\"Seiten](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/09\/Seiten-durchsuchen.png\")
<\/p>\nFalls Du \u00fcbergro\u00dfe Seiten findest, k\u00f6nnen mit Hilfe von GTMetrix<\/a> alle Requests, die zum Laden einer Seite n\u00f6tig sind, analysiert werden.<\/p>\n
Schau Dir jeden einzelnen Request an und versuche die Quelle herauszufinden. Stelle Dir dann die folgende Frage: \u201eKommt meine Webseite ohne diese Anfrage aus? Ist sie wirklich notwendig?\u201c<\/p>\n
Du wirst feststellen, dass viele davon eliminiert werden k\u00f6nnen.<\/p>\n
![\"requests\"](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2021\/02\/request.png\")
<\/p>\nHier sind einige Beispiele f\u00fcr Requests, die Du entfernen kannst, falls Du sie nicht nutzt:<\/p>\n
- \n
- Facebook Pixel, Google Ads, Google AdSense<\/li>\n
- Andere Werbeskripte von Drittanbietern oder Ad-Tracking-Skripte (diese sind besonders umfangreich)<\/li>\n
- Tracking-Skripte f\u00fcr E-Mail-Marketing<\/li>\n
- Disqus-Kommentare (diese enthalten Tracking-Skripte von Drittanbietern \u2013 Du kannst diese deaktivieren)<\/li>\n
- Reduziere die Anzahl der verschiedenen Google-Schriftarten, die Du verwendest.\/li>\n
- Google Optimize, Hotjar oder andere User-Tracking- und Optimierungs-Skripte<\/li>\n
- FontAwesome-Symbole, falls Du diese kaum nutzt<\/li>\n
- Karten-Plugins<\/li>\n
- YouTube oder andere Einbettungen<\/li>\n<\/ul>\n
Du wirst wahrscheinlich feststellen, dass einige Requests gr\u00f6\u00dfer (und langsamer) sind als andere. Entscheide selbst, ob Du sie weglassen kannst.<\/p>\n
9. Nutze eine lokale Version von Skripten, die Du nicht entfernen kannst (wie z. B. Google Analytics)<\/h3>\n
Schwierigkeit: einfach bis mittel (mit einem Plug-in einfach durchzuf\u00fchren, etwas anspruchsvoller jedoch, wenn Du es manuell machst)<\/p>\n
Warum solltest Du es tun?<\/h4>\n
Du kannst zwar bei lokalen Skripten kontrollieren, wie lange diese im Cache gespeichert werden (d.h. die Zeit, bevor ein Browser eine neue Version herunterladen muss), aber bei externen Skripten hast Du keinen Einfluss darauf.<\/p>\n
Google Analytics wird zum Beispiel nur zwei Stunden lang im Cache vorgehalten. Au\u00dferdem verl\u00e4sst Du Dich dabei auf die Geschwindigkeit\/Zuverl\u00e4ssigkeit des externen Servers. Das ist bei den meisten popul\u00e4ren Skripten kein allzu gro\u00dfes Problem, aber vergiss nicht, dass selbst Google gelegentlich ausf\u00e4llt<\/a>.<\/p>\n
So funktioniert\u2019s<\/h4>\n
Technisch gesehen gen\u00fcgt es, das Skript aufzurufen, den Code zu kopieren, die Kopie zu speichern, sie auf Deinem eigenen Server hochzuladen und diese lokale Kopie dann in Deinem HTML-Code aufzurufen.<\/p>\n
Das externe Skript kann sich aber nat\u00fcrlich von Zeit zu Zeit \u00e4ndern. Daher solltest Du einen CronJob<\/a> einrichten, der regelm\u00e4\u00dfig die neueste Version des Skripts herunterl\u00e4dt (hier wird gezeigt, wie man das f\u00fcr Google Analytics macht<\/a>).<\/p>\n
Wenn Du mit WordPress arbeitest, kannst Du entweder dieses kostenlose Plug-in<\/a> verwenden oder WP Rocket die Aufgabe \u00fcberlassen.<\/p>\n
![\"Google](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2021\/02\/technical-11-ganalytics.png\")
<\/p>\n10. \u00dcberpr\u00fcfe und behebe Fehler in Fehlerprotokollen<\/h3>\n
Schwierigkeit: schwer (bei der Fehlerbehebung kann eine \u00c4nderung des zugrunde liegenden Codes erforderlich sein).<\/p>\n
Warum solltest Du es tun?<\/h4>\n
Manchmal k\u00f6nnte Deine Website \u201eProbleme\u201c haben, ohne dass es Dir bewusst ist. Die meisten Websites sind so erstellt, dass bestimmte Fehler automatisch behoben und gar nicht erst sichtbar werden.<\/p>\n
Doch was bewirken diese versteckten Fehler? Schlechte Performance. Das liegt daran, dass die Fehlerbehebung \u00e4u\u00dferst ressourcenintensiv<\/strong><\/span> ist.<\/p>\n
Wenn diese Fehler h\u00e4ufig auftreten, k\u00f6nnte Deine Website etliche Performance-Einbu\u00dfen erleiden.<\/p>\n
So funktioniert\u2019s<\/h4>\n
Die auftretenden Fehler k\u00f6nnen sich je nach Website unterscheiden. Daher musst Du nach jenen Stellen suchen, an denen Fehler protokolliert werden, um Probleme auf Deiner eigenen Website zu finden.<\/p>\n
Du kannst an den folgenden Stellen nachsehen:<\/p>\n
- \n
- Fehlerprotokoll in Deinem Hosting-Account<\/li>\n
- PHP-Fehlerprotokoll im Root Directory<\/a> Deiner Website<\/li>\n
- Andere Bereiche, die (Fehler)-Protokolle speichern<\/li>\n<\/ul>\n
Sobald Du Fehler entdeckst, kannst Du nach der Problemursache suchen und versuchen, diese zu beheben.<\/p>\n
11. Nutze zeitverz\u00f6gertes Laden f\u00fcr Skripte von Drittanbietern mit Google Tag Manager oder Lazy Loading<\/h3>\n
Schwierigkeit: schwer (zeitverz\u00f6gertes Laden von Skripten kann die Performance\/das Tracking beeinflussen)<\/p>\n
Warum solltest Du es tun?<\/h4>\n
Auch wenn Skripte von Drittanbietern oft umfangreich sind, sind einige von ihnen f\u00fcr eine Website unerl\u00e4sslich. Wir k\u00f6nnen sie daher nicht vollst\u00e4ndig entfernen.<\/p>\n
Gibt es trotzdem eine M\u00f6glichkeit, die Seitenladegeschwindigkeit zu verbessern und dabei diese Skripte beizubehalten?<\/p>\n
Ja, durch eine Methode namens zeitverz\u00f6gertes Laden<\/strong><\/span>.<\/p>\n
So funktioniert\u2019s<\/h4>\n
Das Laden von Drittanbieter-Skripten<\/a> kann durch Javascript (erfordert Entwicklung und Anpassung Deines Themes), oder durch den Google Tag Manager<\/a>, verz\u00f6gert werden.<\/p>\n
![\"Google](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/09\/Google-Tag-Manager.png\")
<\/p>\nTeste diese \u00c4nderungen gr\u00fcndlich w\u00e4hrend der Staging-Phase und stelle sicher, dass das Tracking usw. vor dem Livegang einwandfrei funktioniert.<\/p>\n
12. Verwende Prefetch\/Preconnect, um Verbindungen zu erleichtern<\/h3>\n
Schwierigkeit: Mittel (relativ einfach zu implementieren, indem Du die entsprechenden Tags zu Deinem Code hinzuf\u00fcgst)<\/p>\n
Warum solltest Du es tun?<\/h4>\n
Aktuelle Browser laden Content und Skripte von Drittanbietern typischerweise von oben nach unten, sobald sie diese abrufen.<\/p>\n
Aber w\u00e4re es nicht toll, wenn der Browser w\u00fcsste, was er weiter unten auf der Seite laden muss? Der Browser k\u00f6nnte mit dem Prefetching<\/a> (Vorausladen) dieser Ressourcen beginnen, so dass sie, sobald sie ben\u00f6tigt werden, bereits verf\u00fcgbar sind.<\/p>\n
Prefetch- und Prerender-Tags machen genau das.<\/p>\n
So funktioniert\u2019s<\/h4>\n
Beginnen wir mit Prefetch. Dies funktioniert in erster Linie f\u00fcr DNS-Anfragen.<\/p>\n
Wenn Du wei\u00dft, dass Deine Website Ressourcen auf Websites von Drittanbietern verwendet, wird eine DNS-Prefetch-Anweisung die DNS-Aufl\u00f6sung dieser URL starten, so dass sie f\u00fcr die Verbindung bereit ist.<\/p>\n
Durch Hinzuf\u00fcgen von Code wie z. B.:<\/p>\n
<link rel=\"dns-prefetch\" href=\"\/\/www.googletagmanager.com\"><\/pre>\n
bei jedem Skript eines Drittanbieters, ist die gesamte DNS-Aufl\u00f6sungszeit bereits abgeschlossen, sobald das Skript aufgerufen wird.<\/p>\n
Preconnect funktioniert auf \u00e4hnliche Weise, ist aber eher zur Verbesserung bei\u00a0 Problemen mit der Geschwindigkeit zu empfehlen. Anstatt nur die DNS-Abfrage durchzuf\u00fchren, wird die Verbindung zur Website des Drittanbieters hergestellt, sodass diese sofort einsatzbereit ist.<\/p>\n
Es gibt noch weitere Anweisungen, die wir ausf\u00fchren k\u00f6nnen, um dem Browser zu helfen, darunter:<\/p>\n
- \n
- Prefetch oder Preload \u2013 l\u00e4dt statische Ressourcen wie Bilder oder CSS-\/Javascript-Dateien im Voraus<\/li>\n
- Prerender \u2013 l\u00e4dt eine URL vollst\u00e4ndig herunter, um sie f\u00fcr den Zugriff bereit zu machen.<\/li>\n<\/ul>\n
Hier<\/a> findest Du zu jedem dieser Befehle einen guten Guide.<\/p>\n
Andere schnelle Tipps:<\/h3>\n
Redirect<\/a>s<\/a> machen Deine Website langsamer, denn f\u00fcr jeden Weiterleitungsschritt muss eine neue Anfrage an den Webserver gesendet werden, bevor der Browser die endg\u00fcltige Seite erreichen kann<\/strong><\/span>. Jeder zus\u00e4tzliche Weiterleitungsschritt erh\u00f6ht daher die Ladezeit und erschwert sowohl Usern als auch Crawlern den Zugriff auf Deine Inhalte.<\/p>\n
Anstatt auf eine weiterleitende URL zu verlinken, solltest Du immer direkt auf die endg\u00fcltige Ziel-URL verlinken<\/strong><\/span>. So bleibt Deine Website schnell und Du verschwendest kein Crawl-Budget<\/a>.<\/p>\n
Der Report \u201cWeiterleitungen\u201d im Seobility Website Audit<\/a> listet alle Seiten auf Deiner Website auf, die auf weiterleitende URLs verlinken, sodass Du problematische Links einfach finden und aktualisieren kannst, damit sie direkt auf die Zielseite verweisen.<\/p>\n
Seobility > Website Audit > Reports<\/em><\/span><\/p>\n
![\"Weiterleitungen\"](\"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/09\/Weiterleitungen.png\")
<\/p>\nOptimiere Fonts<\/h3>\n
Du kannst Deine Ladezeiten verringern, indem Du Fonts selbst hostest, sie vorab l\u00e4dst und die Anzahl an Variationen (St\u00e4rke\/Familien) einschr\u00e4nkst.<\/p>\n
Begrenze Code Bloat durch Plug-ins, Themes und Integration von Drittanbietern<\/h3>\n
Egal, ob Du WordPress, Shopify oder andere CMS nutzt, Du kannst Deine Ladezeiten kurz halten, indem Du Deine Plug-ins aktuell h\u00e4ltst und nur Themes und Plug-ins verwendest, die Du auch wirklich brauchst.<\/p>\n
Optimierst Du f\u00fcr WordPress?<\/h2>\n
WordPress ist das weltweit meistgenutzte CMS, \u00fcber das 40 % aller Websites laufen.<\/p>\n
WordPress hat eine Menge Vorteile, wie zum Beispiel die M\u00f6glichkeit, mithilfe von Themes und Plug-ins die Funktionalit\u00e4ten der Website schnell zu verbessern.<\/p>\n
Da WordPress so h\u00e4ufig genutzt wird und es einige WordPress-spezifische Tipps f\u00fcr die Optimierung des Page Speed gibt, haben wir einen eigenen Leitfaden zu dem Thema erstellt. In unserem Leitfaden zur Optimierung des Page Speed f\u00fcr WordPress<\/a> erf\u00e4hrst Du, welche \u00c4nderungen Du vornehmen musst, damit Deine WordPress-Website blitzschnell wird.<\/p>\n
Fazit<\/strong><\/h2>\n
Die Optimierung der Ladegeschwindigkeit einer Website kann von einfachen Anpassungen bis hin zu wesentlichen Infrastruktur\u00e4nderungen reichen.<\/p>\n
Sie sind alle von entscheidender Bedeutung, und je mehr Du davon implementierst, desto schneller wird die Ladegeschwindigkeit Deiner Website sein.<\/p>\n
Dein oberstes Ziel sollte darin bestehen, dass Deine Website in weniger als 2 Sekunden l\u00e4dt. Wenn Du die Tipps in diesem Guide, zusammen mit denen in unserem Core Web Vitals Guide<\/a>, befolgst, ist dieses Ziel durchaus realisierbar.<\/p>\n
Und als Belohnung winken zufriedenere Nutzer, zufriedene Crawler und mehr Suchmaschinen-Traffic.<\/p>\n
- Andere Bereiche, die (Fehler)-Protokolle speichern<\/li>\n<\/ul>\n
- Reduzierung der Gr\u00f6\u00dfe einer Webseite und\/oder der Zeit, die zum serverseitigen Rendern<\/a> einer Seite und zum Senden von Webinhalten an den Browser des Clients ben\u00f6tigt wird<\/li>\n
- Verbesserung der serverseitigen Ausf\u00fchrungszeit oder die Reduktion der Server-Antwortzeit<\/a> (Verbesserung der Time to First Byte oder TTFB)<\/li>\n
- So kannst Du Deinen Page Speed pr\u00fcfen<\/a><\/li>