Optimierung der Website-Leistung: Beseitigung von überflüssigen Bildern und Skripten zur Steigerung des Umsatzes

Ein kurzer Überblick

Bilddateien und Skripte von Drittanbietern sind weit verbreitete, aber beherrschbare Faktoren, die die Ladezeiten von Seiten auf Websites kleiner Unternehmen verlangsamen. Nicht optimierte Bilder tragen zu einer erhöhten Seitengröße bei und verzögern den „Largest Contentful Paint“ (LCP). Andererseits beanspruchen Skripte von Drittanbietern, wie beispielsweise Analyse- und Werbe-Widgets, JavaScript-Ausführungszeit und beeinträchtigen so die Interaktivität (INP). Diese Probleme verschlechtern Benutzererfahrung, niedrigere Konversionsraten und können dazu führen, dass Seiten die Anforderungen von Google nicht erfüllen Core Web Vitals, was sich sowohl auf die Zufriedenheit der Besucher als auch auf die Sichtbarkeit in Suchmaschinen auswirkt. (almanac.httparchive.org)

Probleme erkennen und Symptome beobachten

Gemeinsame Indikatoren

Verzögerte Darstellung von Hero-Bildern oder Überschriften (langes LCP).
Langsame Reaktionszeiten bei Schaltflächen und Formularen (hoher INP-Wert).
Unregelmäßige Darstellung des Layouts (schlechter CLS-Wert).
Langsame Leistung auf Mobilgeräten trotz akzeptabler Geschwindigkeit auf dem Desktop.
Gelegentliche Ausfälle von Komponenten von Drittanbietern (z. B. Anzeigen, Chat-Widgets).

Warum Bilder und Skripte Probleme verursachen

Bilder sind der größte Faktor für den Datenverbrauch auf Webseiten und verlängern dadurch die Ladezeiten sowie den LCP. (almanac.httparchive.org)
Skripte von Drittanbietern nehmen oft einen Großteil der Skript-Ausführungszeit in Anspruch, beanspruchen CPU-Ressourcen und verlangsamen die Interaktivität. Durch eigenes Hosting oder das Entfernen unnötiger Skripte lassen sich diese Auswirkungen mindern. (developer.chrome.com)

Messung und Analyse wichtiger Kennzahlen

Wichtige Kennzahlen

Core Web Vitals: LCP (≤ 2,5 s), INP (≤ 200 ms), CLS (≤ 0,1). Diese Kennzahlen bewerten die “Seitenqualität” gemäß den Standards von Google. (developers.google.com)
Real User Monitoring (RUM) über den Chrome User Experience Report (CrUX) oder Client-RUM-Bibliotheken zur Erfassung von Felddaten zu INP/LCP/CLS. (developer.chrome.google.cn)
Diagnosewerkzeuge: PageSpeed Insights, Lighthouse, WebPageTest, Chrome DevTools zur Analyse der Skriptblockierung. Nutzen Sie diese, um Verzögerungen bei der Bereitstellung von Ressourcen zu identifizieren. (developers.google.com)

Konkrete Maßnahmen zur Verbesserung

Sofortmaßnahmen

Bilder für verschiedene Bildschirmgrößen anpassen und optimieren. Moderne Formate wie WebP/AVIF verwenden und implementieren srcset für eine reaktionsschnelle Bereitstellung. (almanac.httparchive.org)
Nicht unbedingt erforderliches JavaScript zurückstellen und eingebettete Inhalte verzögert laden. Tracking-Tags zusammenfassen. (developer.chrome.com)
Nutzen Sie PageSpeed Insights, um LCP-Elemente und lang andauernde Aufgaben zu erfassen. Erstellen Sie Basis-Metriken. (developers.google.com)

Nächste Schritte

Nutzen Sie ein CDN für Bildbearbeitungen. Ziehen Sie eine Konvertierung im laufenden Betrieb in Betracht, falls Änderungen am CMS schwierig sind. (almanac.httparchive.org)
Ersetzen Sie ressourcenintensive Widgets von Drittanbietern durch ressourcenschonendere Alternativen. Messen Sie die Auswirkungen des Selbsthostings. (developer.chrome.com)
Implementieren Sie RUM zur kontinuierlichen Überwachung der Core Web Vitals. (developer.chrome.google.cn)

Langfristige Projekte

Ziehen Sie eine Neugestaltung in Betracht, wenn aufgrund eines CMS mit vielen Plugins anhaltende Probleme bestehen. Prüfen Sie gegebenenfalls Headless-CMS-Lösungen.
Integrieren Sie Leistungsprüfungen in die Release-Prozesse, um eine Verschlechterung der Core Web Vitals zu verhindern.

Auswirkungen auf das Geschäft und strategische Entscheidungen

Verifizierte Einblicke

Die Core Web Vitals werden anhand von Daten echter Chrome-Nutzer anhand bestimmter Schwellenwerte bewertet und beeinflussen die Suchergebnisse. (developers.google.com)
Die Verkleinerung der Bildgröße ist eine wichtige Strategie zur Reduzierung der Seitengröße. (almanac.httparchive.org)
Leistungssteigerungen können zu messbaren Anstiegen der Konversionsrate führen, wie Fallstudien wie die von redBus belegen. (web.dev)
Mobile Nutzer verlassen häufig Seiten, die nur langsam geladen werden, was die Bedeutung der Ladegeschwindigkeit unterstreicht. (thinkwithgoogle.com)

Maßnahmenprioritäten

Durch die Verbesserung der Interaktivität und der Ladezeiten lassen sich die Konversionsraten schnell steigern.

Entscheidungskriterien: Beibehaltung oder Neugestaltung

Pflegen Sie Ihre Website

Wenn die Core Web Vitals fast den Status “Gut” erreichen und Verzögerungen durch Konfiguration und CDN-Lösungen in den Griff zu bekommen sind. (developers.google.com)

Eine Neugestaltung in Betracht ziehen

Falls die Probleme trotz der Optimierungen in allen Vorlagen weiterhin bestehen.
Wenn aktuelle CMS/Plugins erhebliche Probleme beim Rendern verursachen.
Wenn das Unternehmenswachstum bessere Konversionsraten mit messbarem ROI erfordert. (web.dev)

Umfassende Prüfungscheckliste

Ausgangssituation: Führen Sie PageSpeed Insights auf den wichtigsten Seiten durch.
Ermitteln Sie LCP- und ressourcenintensive Bilder und notieren Sie dabei die Ladezeiten und Dateigrößen.
Führen Sie Bildoptimierungen durch und setzen Sie Responsive Design um.
Führen Sie eine Überprüfung der Skripte von Drittanbietern durch, um deren Notwendigkeit und Optimierungspotenzial zu ermitteln.
Verringern Sie die Blockierung des Hauptthreads, indem Sie lang andauernde Aufgaben verwalten und Lazy Loading einsetzen. (developers.google.com)
Fügen Sie RUM hinzu, um die tatsächliche Nutzererfahrung zu erfassen und Verbesserungen mit geschäftlichen Kennzahlen zu verknüpfen. (developer.chrome.google.cn)
Messen Sie die geschäftlichen Auswirkungen durch A/B-Tests und schrittweise Einführungen.
Leistungsprüfungen in den Qualitätssicherungsprozessen operationalisieren.

Fazit: Abwägung von Fakten und Empfehlungen

Geprüfte Fakten: Schwellenwerte für Core Web Vitals, der Anteil von Bildern am Seitengewicht, die Auswirkungen von Skripten von Drittanbietern sowie Fallstudien wie der Umsatzanstieg bei redBus. (developers.google.com)
Empfehlungen von Fachleuten: Legen Sie den Schwerpunkt auf die Bildoptimierung, optimieren Sie Skripte von Drittanbietern, implementieren Sie RUM und ziehen Sie eine Neugestaltung nur dann in Betracht, wenn dies erforderlich ist.

Benötigen Sie weitere Hilfe?

Sind Sie sich nicht sicher, wo die Engpässe Ihrer Website liegen? Beginnen Sie mit einer detaillierten Analyse der Probleme und legen Sie Prioritäten für die nächsten Schritte fest, bevor Sie ein umfangreiches Umbau- oder Optimierungsprojekt in Angriff nehmen.

Anfrage zur Website-Zuordnung für DigiXRAY

Haben Sie bereits ein Projekt im Sinn? Führen Sie die Bedarfsanalyse für das Projekt durch.