Wir zeigen Ihnen hier auf einen Blick zusammengefasst die wichtigsten Optimierungen, die an der Webseite durchzuführen sind.
Genaue technische Details gehen aus den anderen Punkten des Webseiten-Reports hervor.
hourglass_empty
Der Lighthouse-Test für Mobilgeräte stellte Defizite in folgenden Kategorien fest: Leistung, Best Practices, Progressive Web App
Handlungsempfehlung: Die Webseite sollte für Google Lighthouse nach den Empfehlungen von Google optimiert werden.
hourglass_empty
Der Lighthouse-Test für Desktop-Geräte stellte Defizite in folgenden Kategorien fest: Leistung, Best Practices, Progressive Web App
Handlungsempfehlung: Die Webseite sollte für Google Lighthouse nach den Empfehlungen von Google optimiert werden.
devices_other
Die Webseite benutzt beim Datentransfer keine GZIP-Komprimierung. Dies verlangsamt die Ladegeschwindigkeit der Seite.
Handlungsempfehlung: Der Webserver sollte so konfiguriert werden, dass die übertragenen Inhalte mittels GZIP komprimiert werden.
URLs und Weiterleitungen
Dieser Check prüft die populärsten URL-Variationen (mit/ohne WWW und SSL).
Grundsätzlich gilt: Allen vier URLs sollten erreichbar sein. Eine URL sollte die so genannte Haupt-URL sein (unter der die Webseite sichtbar ist), alle anderen URLs sollten direkt auf diese Haupt-URL weiterleiten.
URL
Für jeden erreichbar?
https://audi.de
Diese Adresse ist nicht (für jeden) erreichbar!
Nein
https://www.audi.de Leitet weiter auf https://www.audi.de/de/brand/de.html
Ja
http://audi.de Leitet weiter auf https://www.audi.de/de/brand/de.html
Ja
http://www.audi.de Leitet weiter auf https://www.audi.de/de/brand/de.html
Ja
CMS und Updates
Es ist mit technischen Mitteln möglich, die Versionen der auf einer Webseite verwendeten Software herauszufinden.
Ebenso gibt es im Internet öffentlich verfügbare Datenbanken, in denen für jede Software-Version dokumentiert ist, welche Sicherheitsprobleme in der jeweiligen Version gefunden worden sind.
Betreibt man also eine veraltete Software auf seiner Webseite, kann dies von Hackern sehr einfach ausgenutzt werden.
cross
Kein System erkanntAuf der URL konnten unsere Detektoren kein unterstütztes CMS erkennen.
Frontend-Technologien
Name
Version
Kategorie
Adobe Experience Manager
CMS
Bootstrap
Web Frameworks
jQuery
1.9.1
JavaScript Libraries
Java
Programming Languages
DSGVO-Relevante Prüfungen
An dieser Stelle werden ein paar wenige DSGVO-relevante Prüfungen durchgeführt.
Hinweis: Diese Prüfungen sind nicht ausreichend, um vollständige DSGVO-Kompatibilität ihrer Webseite zu gewährleisten. Sollten hier Fehler angezeigt werden, ist dies aber ein Hinweis darauf, dass die Webseite an diesen Punkten nicht DSGVO-Kompatibel ist. Dies stellt keine Rechtsberatung dar.
timer
Wird geprüft...Es wird geprüft, ob ein Cookie-Hinweis eingebaut worden ist.
done
Google Analytics wird nicht verwendet oder es ist datenschutzkonform eingerichtet.
Bei der Prüfung sind keine datenschutzrelevanten Mangel in Bezug auf eine eventuell vorhandene Analytics-Einrichtung erkannt worden.
info
Externe Dienste auf der Startseite für die Datenschutzerklärung
Es wurden externe Dienste erkannt, die auf der Startseite eingebunden sind. Diese Dienste sollten auf Nennung in der Datenschutzerklärung geprüft werden.
Es kann sein, dass sich auf den Unterseiten weitere Dienste befinden.
Externe Dienste auf der Startseite:
assets.audi.com
featureapps.audi.com
tms.audi.com
scripts.psyma.com
mediaservice.audi.com
w.usabilla.com
vue-agw.assets.audi.com
web-api.audi.com
scs.audi.de
search-service.audi.com
content.my.audi.com
SSL-Zertifikat
SSL verschlüsselt die Verbindung zwischen Server und Browser und schützt damit die übertragenen Daten.
Sollten die Webseite personenbezogene Daten verarbeiten (Kontaktformulare, Online-Shops, ...) ist SSL gemäß gesetzlicher Bestimmungen in jedem Fall einzurichten.
Darüberhinaus bestraft Google Webseiten grundsätzlich, wenn diese SSL nicht einsetzen.
Wird SSL vom Server angeboten?
Ja
Ist SSL für alle Browser aufrufbar?
Ja
Gibt es einen NON-SSL-TO-SSL-Redirect?
Ja
Ist das Zertifikat korrekt eingebaut?
Ja
Gibt es Mixed-Content-Probleme?
Nein
Google Lighthouse
Mit Lighthouse offenbart Google Webseitenbetreibern Optimierungsvorschläge, um die generelle Leistungsfähigkeit zu erhöhen.
Lighthouse wird von Google als Nachfolger des Pagespeed-Scores kommuniziert und spielt deshalb schon jetzt eine immense Rolle bei der Suchmaschinenplatzierung.
Lighthouse (Mobilgeräte)
Leistung: 19% Barrierefreiheit: 99% Best Practices: 86% SEO: 99% Progressive Web App: 37% info
Lighthouse-Bericht (mobile)
Mit Lighthouse offenbart Google Webseitenbetreibern Optimierungsvorschläge, um die generelle Leistungsfähigkeit zu erhöhen.
Lighthouse wird von Google als Nachfolger des Pagespeed-Scores kommuniziert und spielt deshalb schon jetzt eine immense Rolle bei der Suchmaschinenplatzierung.
Score (mobile)
Leistung: 19% Barrierefreiheit: 99% Best Practices: 86% SEO: 99% Progressive Web App: 37%
Ganzen Bericht abrufen
Der Lighthouse-Bericht kann in einem von Googe bereitgestellten Viewer abgerufen werden. Dort sind dann alle erfassten Details sichtbar.
Rote Icons kennzeichnen Optimierungsschritte, die noch nicht optimal ausgenutzt worden sind.
done_all
Uses HTTPSAll sites should be protected with HTTPS, even ones that don't handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/https).
done_all
Redirects HTTP traffic to HTTPSIf you've already set up HTTPS, make sure that you redirect all HTTP traffic to HTTPS. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/http-redirects-to-https).
done_all
Has a `<meta name="viewport">` tag with `width` or `initial-scale`Add a viewport meta tag to optimize your app for mobile screens. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/has-viewport-meta-tag).
done_all
Contains some content when JavaScript is not availableYour app should display some content when JavaScript is disabled, even if it's just a warning to the user that JavaScript is required to use the app. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/no-js).
error
Erste Inhalte gezeichnet"Erste Inhalte gezeichnet" gibt an, wann der erste Text oder das erste Bild gezeichnet wird. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/first-contentful-paint).
error
Inhalte weitgehend gezeichnet"Inhalte weitgehend gezeichnet" gibt an, wann die Hauptinhalte einer Seite sichtbar sind. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint).
error
GeschwindigkeitsindexDer Geschwindigkeitsindex zeigt an, wie schnell die Inhalte einer Seite sichtbar dargestellt werden. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/speed-index).
error
Maximale potenzielle erste EingabelatenzDie erste Eingabelatenz, die bei Ihren Nutzern auftreten kann, entspricht der Dauer der längsten Aufgabe in Millisekunden.
done_all
Serverantwortzeiten sind niedrig (TTFB)TTFB (Time To First Byte) erkennt den Zeitpunkt, an dem Ihr Server eine Antwort sendet. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/ttfb).
error
Erster CPU-Leerlauf"Erster CPU-Leerlauf" gibt den Zeitpunkt an, an dem die Aktivität des Hauptthreads der Seite das erste Mal gering genug ist, um Eingaben zu verarbeiten. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/first-interactive).
error
Zeit bis InteraktivitätDie Zeit bis Interaktivität entspricht der Zeit, die vergeht, bis die Seite vollständig interaktiv ist. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/consistently-interactive).
done_all
Mehrere Weiterleitungen auf die Seite vermeidenWeiterleitungen führen zu zusätzlichen Verzögerungen, bevor die Seite geladen werden kann. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/redirects).
done_all
Web app manifest meets the installability requirementsBrowsers can proactively prompt users to add your app to their homescreen, which can lead to higher engagement. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/install-prompt).
done_all
Provides a valid `apple-touch-icon`For ideal appearance on iOS when users add to the home screen, define an apple-touch-icon. It must point to a non-transparent 192px (or 180px) square PNG. [Learn More](https://developers.google.com/web/fundamentals/design-and-ux/browser-customization/).
done_all
Displays images with correct aspect ratioImage display dimensions should match natural aspect ratio. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/aspect-ratio).
done_all
Avoids deprecated APIsDeprecated APIs will eventually be removed from the browser. [Learn more](https://www.chromestatus.com/features#deprecated).
error
Aufwand für Hauptthread minimierenVersuchen Sie, die Zeit für das Parsen, Kompilieren und Ausführen von JS zu reduzieren. Die Bereitstellung kleinerer JS-Nutzlasten kann dabei helfen.
error
Ausführungszeit von JavaScript reduzierenVersuchen Sie, die Zeit für das Parsen, Kompilieren und Ausführen von JS zu reduzieren. Die Bereitstellung kleinerer JS-Nutzlasten kann dabei helfen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/bootup).
done_all
Wichtige Anforderungen vorab ladenMit <link rel=preload> können Sie das Abrufen von Ressourcen priorisieren, die aktuell später beim Seitenaufbau angefordert werden. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/preload).
done
Vorverbindung zu erforderlichen Ursprüngen aufbauenVersuchen Sie, Hinweise auf Ressourcen für eine Vorverbindung oder einen DNS-Vorabruf hinzuzufügen, damit möglichst frühzeitig eine Verbindung zu wichtigen Drittanbieterursprüngen hergestellt wird. [Weitere Informationen](https://developers.google.com/web/fundamentals/performance/resource-prioritization#preconnect).
done_all
[aria-*]-Attribute entsprechen ihren RollenJede ARIA-Rolle unterstützt eine bestimmte Auswahl an "aria-*"-Attributen. Im Falle einer fehlerhaften Zuordnung werden die "aria-*"-Attribute ungültig. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=lighthouse).
done_all
[role]-Elemente weisen alle erforderlichen [aria-*]-Attribute aufFür einige ARIA-Rollen sind Attribute erforderlich, die Screenreadern den Zustand des Elements beschreiben. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-required-attr?application=lighthouse).
done_all
Elemente mit "[role]", die bestimmte untergeordnete Rollen erfordern, sind vorhandenEinige übergeordnete ARIA-Rollen müssen bestimmte untergeordnete Rollen enthalten, damit sie die beabsichtigten Hilfsfunktionen erfüllen können. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-required-children?application=lighthouse).
done_all
[role]-Elemente sind ihren jeweils erforderlichen übergeordneten Elementen untergeordnetEinige untergeordnete ARIA-Rollen müssen in bestimmten übergeordneten Rollen enthalten sein, damit sie die beabsichtigten Hilfsfunktionen wie vorgesehen erfüllen können. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-required-parent?application=lighthouse).
done_all
[role]-Werte sind gültigFür ARIA-Rollen müssen gültige Werte angegeben sein, damit sie die beabsichtigten Hilfsfunktionen erfüllen können. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-roles?application=lighthouse).
done_all
Für [aria-*]`-Attribute sind gültige Werte angegebenHilfstechnologien wie Screenreader können ARIA-Attribute mit ungültigen Werten nicht interpretieren. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=lighthouse).
done_all
[aria-*]-Attribute sind gültig und nicht falsch geschriebenHilfstechnologien wie Screenreader können ARIA-Attribute mit ungültigen Namen nicht interpretieren. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr?application=lighthouse).
done_all
Die Namen der Schaltflächen sind für Screenreader zugänglichWenn eine Schaltfläche keinen zugänglichen Namen hat, wird sie von Screenreadern als "Schaltfläche" angesagt, was sie für Nutzer, die auf Screenreader angewiesen sind, unbrauchbar macht. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/button-name?application=lighthouse).
done_all
Die Seite enthält eine Überschrift, einen Link zum Überspringen oder einen Landmark-BereichWenn Tastaturnutzer sich wiederholende Inhalte überspringen können, sorgt das für eine effizientere Navigation. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/bypass?application=lighthouse).
done_all
Das Kontrastverhältnis von Hintergrund- und Vordergrundfarben ist ausreichendText mit geringem Kontrast ist für viele Nutzer schlecht oder gar nicht lesbar. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/color-contrast?application=lighthouse).
done_all
Dokument verfügt über ein <title>-ElementAnhand des Titels wissen Screenreader-Nutzer, worum es auf der Seite geht, während Nutzer von Suchmaschinen auf der Grundlage des Titels entscheiden, ob eine Seite für ihre Suche relevant ist. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/title).
done_all
Für das <html>-Element ist ein [lang]-Attribut angegebenWenn auf einer Seite kein "lang"-Attribut angegeben ist, nimmt ein Screenreader an, dass der Text darauf in der Standardsprache ist, die der Nutzer beim Einrichten des Screenreaders ausgewählt hat. Wenn die Sprache aber nicht der Standardsprache entspricht, gibt der Screenreader den Inhalt der Seite möglicherweise falsch aus. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/html-has-lang?application=lighthouse).
done_all
Für das [lang]-Attribut des <html>-Elements ist ein gültiger Wert angegebenDurch Angabe einer gültigen [Sprache gemäß BCP 47](https://www.w3.org/International/questions/qa-choosing-language-tags#question) kann der Text von einem Screenreader korrekt wiedergegeben werden. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/valid-lang?application=lighthouse).
done_all
Für Bildelemente sind [alt]-Attribute vorhandenInformative Elemente sollten einen kurzen, beschreibenden alternativen Text haben. Dekorative Elemente können mit einem leeren ALT-Attribut ignoriert werden. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/image-alt?application=lighthouse).
done_all
Formularelemente sind mit Labels verknüpftDurch Labels wird gewährleistet, dass Steuerelemente für Formulare von Hilfstechnologien wie Screenreadern richtig angesagt werden. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/label?application=lighthouse).
done_all
Links haben einen leicht erkennbaren NamenLinktext, der leicht erkennbar, eindeutig und fokussierbar ist, verbessert die Navigation für Screenreader-Nutzer. Dies gilt auch für alternativen Text für Bilder, die als Links verwendet werden. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/link-name?application=lighthouse).
done_all
Listen enthalten nur <li>-Elemente und Elemente zur Skriptunterstützung ("<script>" und "<template>").Screenreader sagen Listen auf bestimmte Art und Weise an. Eine korrekte Listenstruktur gewährleistet, dass der Screenreader sie richtig ausgibt. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/list?application=lighthouse).
done_all
Listenelemente (<li>) befinden sich in übergeordneten <ul>- oder <ol>-ElementenListenelemente (<li>) müssen sich in einem übergeordneten <ul>- oder <ol>-Element befinden, damit Screenreader sie richtig ansagen können. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/listitem?application=lighthouse).
done_all
"[user-scalable="no"]" wird nicht im <meta name="viewport">-Element verwendet und das [maximum-scale]-Attribut ist nicht kleiner als 5.Wenn Sie die Zoomfunktion deaktivieren, haben Nutzer mit eingeschränktem Sehvermögen, die auf die Bildschirmvergrößerung angewiesen sind, möglicherweise Probleme dabei, den Inhalt einer Webseite zu sehen. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/meta-viewport?application=lighthouse).
done_all
Kein Element hat einen [tabindex]-Wert größer als 0Ein Wert größer als 0 impliziert eine explizite Navigationsanordnung. Das ist zwar technisch möglich, für Nutzer, die auf Hilfstechnologien angewiesen sind, ist dies jedoch häufig frustrierend. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/tabindex?application=lighthouse).
error
Statische Inhalte mit einer effizienten Cache-Richtlinie bereitstellenEine lange Lebensdauer des Cache kann wiederholte Besuche Ihrer Seite beschleunigen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/cache-policy).
done_all
Vermeidet sehr große NetzwerknutzlastenGroße Netzwerknutzlasten kosten Nutzer bares Geld und hängen eng mit langen Ladezeiten zusammen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/network-payloads).
error
Nicht sichtbare Bilder aufschiebenVersuchen Sie, nicht sichtbare und versteckte Bilder erst laden zu lassen, nachdem wichtige Ressourcen geladen wurden, um die Zeit bis zur Interaktivität zu reduzieren. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/offscreen-images).
error
Ressourcen beseitigen, die das Rendering blockierenRessourcen blockieren das erste Zeichnen Ihrer Seite. Versuchen Sie, wichtiges JS und wichtige CSS inline bereitzustellen und alle nicht kritischen JS und Stile aufzuschieben. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/blocking-resources).
done_all
CSS komprimierenDurch die Komprimierung von CSS-Dateien kann die Größe von Netzwerknutzlasten reduziert werden. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/minify-css).
done
JavaScript komprimierenDurch die Komprimierung von JavaScript-Dateien können Nutzlastgrößen und die Zeit zum Parsen von Skripts reduziert werden. [Weitere Informationen](https://developers.google.com/speed/docs/insights/MinifyResources).
error
Nicht verwendete CSS entfernenSie können ungültige Regeln aus Stylesheets entfernen und das Laden von CSS aufschieben, die nicht für ohne Scrollen sichtbare Inhalte verwendet werden, um unnötigen Datenverbrauch durch Netzwerkaktivität zu vermeiden. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/unused-css).
done_all
Bilder in modernen Formaten bereitstellenBildformate wie JPEG 2000, JPEG XR und WebP bieten oft eine bessere Komprimierung als PNG oder JPEG, was schnellere Downloads und einen geringeren Datenverbrauch ermöglicht. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/webp).
done_all
Bilder effizient codierenOptimierte Bilder werden schneller geladen und verbrauchen weniger mobile Daten. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/optimize-images).
done_all
Textkomprimierung aktivierenTextbasierte Ressourcen sollten mit Komprimierung (gzip, Deflate oder Brotli) bereitgestellt werden, um die Datenmenge im Netzwerk insgesamt zu minimieren. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/text-compression)
done
Bilder richtig dimensionierenStellen Sie Bilder bereit, die eine angemessene Größe haben, um mobile Daten zu sparen und die Ladezeit zu verbessern. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/oversized-images)
done_all
Videoformate für animierte Inhalte verwendenGroße GIF-Dateien sind nur bedingt für die Bereitstellung animierter Inhalte geeignet. Sie können statt GIF MPEG4- oder WebM-Videos für Animationen und PNG oder WebP für statische Bilder verwenden und so die Netzwerk-Datenmenge reduzieren. [Weitere Informationen](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/replace-animated-gifs-with-video/)
done_all
Avoids Application CacheApplication Cache is deprecated. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/appcache).
done_all
Page has the HTML doctypeSpecifying a doctype prevents the browser from switching to quirks-mode.Read more on the [MDN Web Docs page](https://developer.mozilla.org/en-US/docs/Glossary/Doctype)
error
Übermäßige DOM-Größe vermeidenLaut der Empfehlung von Browserentwicklern sollten Seiten nicht mehr als ungefähr 1.500 DOM-Elemente enthalten. Die ideale Strukturtiefe liegt bei unter 32 Elementen und weniger als 60 unter- und übergeordneten Elementen. Ein großes DOM kann zu hohem Speicherverbrauch, langwierigen [Stilberechnungen](https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations) und kostspieligen [dynamischen Umbrüchen im Layout](https://developers.google.com/speed/articles/reflow) führen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/dom-size).
done_all
Avoids requesting the geolocation permission on page loadUsers are mistrustful of or confused by sites that request their location without context. Consider tying the request to user gestures instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/geolocation-on-load).
done_all
Avoids `document.write()`For users on slow connections, external scripts dynamically injected via `document.write()` can delay page load by tens of seconds. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/document-write).
done_all
Avoids front-end JavaScript libraries with known security vulnerabilitiesSome third-party scripts may contain known security vulnerabilities that are easily identified and exploited by attackers. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/vulnerabilities).
done_all
Detected JavaScript librariesAll front-end JavaScript libraries detected on the page.
done_all
Avoids requesting the notification permission on page loadUsers are mistrustful of or confused by sites that request to send notifications without context. Consider tying the request to user gestures instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/notifications-on-load).
done_all
Allows users to paste into password fieldsPreventing password pasting undermines good security policy. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/password-pasting).
done_all
Uses HTTP/2 for its own resourcesHTTP/2 offers many benefits over HTTP/1.1, including binary headers, multiplexing, and server push. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/http2).
done_all
Uses passive listeners to improve scrolling performanceConsider marking your touch and wheel event listeners as `passive` to improve your page's scroll performance. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/passive-event-listeners).
done_all
Dokument enthält eine Meta-BeschreibungMeta-Beschreibungen können in die Suchergebnisse aufgenommen werden, um die Seiteninhalte kurz zusammenzufassen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/description).
done_all
Seite hat einen gültigen HTTP-StatuscodeSeiten mit ungültigen HTTP-Statuscodes werden möglicherweise nicht richtig indexiert. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/successful-http-code).
done_all
Dokument enthält gut lesbare SchriftgrößenSchriftgrößen von weniger als 12 px sind zu klein und deshalb nicht gut lesbar, sodass Nutzer von Mobilgeräten den Text per Fingerbewegung heranzoomen müssen. Mindestens 60 % des Texts auf der Seite sollten deshalb eine Schriftgröße von mindestens 12 px haben. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/font-sizes).
done_all
Links haben beschreibenden TextMit beschreibendem Linktext können Suchmaschinen Ihre Inhalte besser verstehen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/descriptive-link-text).
done_all
Seite ist nicht von Indexierung ausgeschlossenSuchmaschinen können Ihre Seiten nicht in die Suchergebnisse aufnehmen, wenn sie nicht dazu berechtigt sind, sie zu crawlen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/indexing).
done_all
robots.txt ist gültigWenn Ihre robots.txt-Datei fehlerhaft ist, können Crawler möglicherweise nicht nachvollziehen, wie Ihre Website gecrawlt oder indexiert werden soll.
done
Größe von Tippzielen ist nicht richtig eingestelltInteraktive Elemente wie Schaltflächen und Links sollten groß genug sein (48 x 48 px) und genügend Platz um sich herum haben, um einfach angetippt werden zu können. Dabei sollten sie sich aber nicht mit anderen Elementen überschneiden. [Weitere Informationen](https://developers.google.com/web/fundamentals/accessibility/accessible-styles#multi-device_responsive_design).
done_all
Dokument enthält ein gültiges "hreflang"-ElementAnhand von "hreflang"-Links können Suchmaschinen ermitteln, welche Version einer Seite sie in den Suchergebnissen für eine bestimmte Sprache oder Region anzeigen sollen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/hreflang).
done_all
Dokument verwendet keine Plug-insSuchmaschinen können keine Plug-in-Inhalte indexieren und auf vielen Geräten werden Plug-ins eingeschränkt oder nicht unterstützt. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/plugins).
Lighthouse (Desktop)
Leistung: 21% Barrierefreiheit: 99% Best Practices: 86% SEO: 100% Progressive Web App: 38% info
Lighthouse-Bericht (desktop)
Mit Lighthouse offenbart Google Webseitenbetreibern Optimierungsvorschläge, um die generelle Leistungsfähigkeit zu erhöhen.
Lighthouse wird von Google als Nachfolger des Pagespeed-Scores kommuniziert und spielt deshalb schon jetzt eine immense Rolle bei der Suchmaschinenplatzierung.
Score (desktop)
Leistung: 21% Barrierefreiheit: 99% Best Practices: 86% SEO: 100% Progressive Web App: 38%
Ganzen Bericht abrufen
Der Lighthouse-Bericht kann in einem von Googe bereitgestellten Viewer abgerufen werden. Dort sind dann alle erfassten Details sichtbar.
Rote Icons kennzeichnen Optimierungsschritte, die noch nicht optimal ausgenutzt worden sind.
done_all
Uses HTTPSAll sites should be protected with HTTPS, even ones that don't handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/https).
done_all
Redirects HTTP traffic to HTTPSIf you've already set up HTTPS, make sure that you redirect all HTTP traffic to HTTPS. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/http-redirects-to-https).
done_all
Has a `<meta name="viewport">` tag with `width` or `initial-scale`Add a viewport meta tag to optimize your app for mobile screens. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/has-viewport-meta-tag).
done_all
Contains some content when JavaScript is not availableYour app should display some content when JavaScript is disabled, even if it's just a warning to the user that JavaScript is required to use the app. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/no-js).
error
Erste Inhalte gezeichnet"Erste Inhalte gezeichnet" gibt an, wann der erste Text oder das erste Bild gezeichnet wird. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/first-contentful-paint).
error
Inhalte weitgehend gezeichnet"Inhalte weitgehend gezeichnet" gibt an, wann die Hauptinhalte einer Seite sichtbar sind. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint).
error
GeschwindigkeitsindexDer Geschwindigkeitsindex zeigt an, wie schnell die Inhalte einer Seite sichtbar dargestellt werden. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/speed-index).
error
Maximale potenzielle erste EingabelatenzDie erste Eingabelatenz, die bei Ihren Nutzern auftreten kann, entspricht der Dauer der längsten Aufgabe in Millisekunden.
done_all
Serverantwortzeiten sind niedrig (TTFB)TTFB (Time To First Byte) erkennt den Zeitpunkt, an dem Ihr Server eine Antwort sendet. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/ttfb).
error
Erster CPU-Leerlauf"Erster CPU-Leerlauf" gibt den Zeitpunkt an, an dem die Aktivität des Hauptthreads der Seite das erste Mal gering genug ist, um Eingaben zu verarbeiten. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/first-interactive).
error
Zeit bis InteraktivitätDie Zeit bis Interaktivität entspricht der Zeit, die vergeht, bis die Seite vollständig interaktiv ist. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/consistently-interactive).
done_all
Mehrere Weiterleitungen auf die Seite vermeidenWeiterleitungen führen zu zusätzlichen Verzögerungen, bevor die Seite geladen werden kann. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/redirects).
done_all
Web app manifest meets the installability requirementsBrowsers can proactively prompt users to add your app to their homescreen, which can lead to higher engagement. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/install-prompt).
done_all
Provides a valid `apple-touch-icon`For ideal appearance on iOS when users add to the home screen, define an apple-touch-icon. It must point to a non-transparent 192px (or 180px) square PNG. [Learn More](https://developers.google.com/web/fundamentals/design-and-ux/browser-customization/).
done_all
Displays images with correct aspect ratioImage display dimensions should match natural aspect ratio. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/aspect-ratio).
done_all
Avoids deprecated APIsDeprecated APIs will eventually be removed from the browser. [Learn more](https://www.chromestatus.com/features#deprecated).
error
Aufwand für Hauptthread minimierenVersuchen Sie, die Zeit für das Parsen, Kompilieren und Ausführen von JS zu reduzieren. Die Bereitstellung kleinerer JS-Nutzlasten kann dabei helfen.
error
Ausführungszeit von JavaScript reduzierenVersuchen Sie, die Zeit für das Parsen, Kompilieren und Ausführen von JS zu reduzieren. Die Bereitstellung kleinerer JS-Nutzlasten kann dabei helfen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/bootup).
done_all
Wichtige Anforderungen vorab ladenMit <link rel=preload> können Sie das Abrufen von Ressourcen priorisieren, die aktuell später beim Seitenaufbau angefordert werden. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/preload).
done
Vorverbindung zu erforderlichen Ursprüngen aufbauenVersuchen Sie, Hinweise auf Ressourcen für eine Vorverbindung oder einen DNS-Vorabruf hinzuzufügen, damit möglichst frühzeitig eine Verbindung zu wichtigen Drittanbieterursprüngen hergestellt wird. [Weitere Informationen](https://developers.google.com/web/fundamentals/performance/resource-prioritization#preconnect).
done_all
[aria-*]-Attribute entsprechen ihren RollenJede ARIA-Rolle unterstützt eine bestimmte Auswahl an "aria-*"-Attributen. Im Falle einer fehlerhaften Zuordnung werden die "aria-*"-Attribute ungültig. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=lighthouse).
done_all
[role]-Elemente weisen alle erforderlichen [aria-*]-Attribute aufFür einige ARIA-Rollen sind Attribute erforderlich, die Screenreadern den Zustand des Elements beschreiben. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-required-attr?application=lighthouse).
done_all
Elemente mit "[role]", die bestimmte untergeordnete Rollen erfordern, sind vorhandenEinige übergeordnete ARIA-Rollen müssen bestimmte untergeordnete Rollen enthalten, damit sie die beabsichtigten Hilfsfunktionen erfüllen können. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-required-children?application=lighthouse).
done_all
[role]-Elemente sind ihren jeweils erforderlichen übergeordneten Elementen untergeordnetEinige untergeordnete ARIA-Rollen müssen in bestimmten übergeordneten Rollen enthalten sein, damit sie die beabsichtigten Hilfsfunktionen wie vorgesehen erfüllen können. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-required-parent?application=lighthouse).
done_all
[role]-Werte sind gültigFür ARIA-Rollen müssen gültige Werte angegeben sein, damit sie die beabsichtigten Hilfsfunktionen erfüllen können. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-roles?application=lighthouse).
done_all
Für [aria-*]`-Attribute sind gültige Werte angegebenHilfstechnologien wie Screenreader können ARIA-Attribute mit ungültigen Werten nicht interpretieren. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=lighthouse).
done_all
[aria-*]-Attribute sind gültig und nicht falsch geschriebenHilfstechnologien wie Screenreader können ARIA-Attribute mit ungültigen Namen nicht interpretieren. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr?application=lighthouse).
done_all
Die Namen der Schaltflächen sind für Screenreader zugänglichWenn eine Schaltfläche keinen zugänglichen Namen hat, wird sie von Screenreadern als "Schaltfläche" angesagt, was sie für Nutzer, die auf Screenreader angewiesen sind, unbrauchbar macht. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/button-name?application=lighthouse).
done_all
Die Seite enthält eine Überschrift, einen Link zum Überspringen oder einen Landmark-BereichWenn Tastaturnutzer sich wiederholende Inhalte überspringen können, sorgt das für eine effizientere Navigation. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/bypass?application=lighthouse).
done_all
Das Kontrastverhältnis von Hintergrund- und Vordergrundfarben ist ausreichendText mit geringem Kontrast ist für viele Nutzer schlecht oder gar nicht lesbar. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/color-contrast?application=lighthouse).
done_all
Dokument verfügt über ein <title>-ElementAnhand des Titels wissen Screenreader-Nutzer, worum es auf der Seite geht, während Nutzer von Suchmaschinen auf der Grundlage des Titels entscheiden, ob eine Seite für ihre Suche relevant ist. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/title).
done_all
Für das <html>-Element ist ein [lang]-Attribut angegebenWenn auf einer Seite kein "lang"-Attribut angegeben ist, nimmt ein Screenreader an, dass der Text darauf in der Standardsprache ist, die der Nutzer beim Einrichten des Screenreaders ausgewählt hat. Wenn die Sprache aber nicht der Standardsprache entspricht, gibt der Screenreader den Inhalt der Seite möglicherweise falsch aus. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/html-has-lang?application=lighthouse).
done_all
Für das [lang]-Attribut des <html>-Elements ist ein gültiger Wert angegebenDurch Angabe einer gültigen [Sprache gemäß BCP 47](https://www.w3.org/International/questions/qa-choosing-language-tags#question) kann der Text von einem Screenreader korrekt wiedergegeben werden. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/valid-lang?application=lighthouse).
done_all
Für Bildelemente sind [alt]-Attribute vorhandenInformative Elemente sollten einen kurzen, beschreibenden alternativen Text haben. Dekorative Elemente können mit einem leeren ALT-Attribut ignoriert werden. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/image-alt?application=lighthouse).
done_all
Formularelemente sind mit Labels verknüpftDurch Labels wird gewährleistet, dass Steuerelemente für Formulare von Hilfstechnologien wie Screenreadern richtig angesagt werden. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/label?application=lighthouse).
done_all
Links haben einen leicht erkennbaren NamenLinktext, der leicht erkennbar, eindeutig und fokussierbar ist, verbessert die Navigation für Screenreader-Nutzer. Dies gilt auch für alternativen Text für Bilder, die als Links verwendet werden. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/link-name?application=lighthouse).
done_all
Listen enthalten nur <li>-Elemente und Elemente zur Skriptunterstützung ("<script>" und "<template>").Screenreader sagen Listen auf bestimmte Art und Weise an. Eine korrekte Listenstruktur gewährleistet, dass der Screenreader sie richtig ausgibt. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/list?application=lighthouse).
done_all
Listenelemente (<li>) befinden sich in übergeordneten <ul>- oder <ol>-ElementenListenelemente (<li>) müssen sich in einem übergeordneten <ul>- oder <ol>-Element befinden, damit Screenreader sie richtig ansagen können. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/listitem?application=lighthouse).
done_all
"[user-scalable="no"]" wird nicht im <meta name="viewport">-Element verwendet und das [maximum-scale]-Attribut ist nicht kleiner als 5.Wenn Sie die Zoomfunktion deaktivieren, haben Nutzer mit eingeschränktem Sehvermögen, die auf die Bildschirmvergrößerung angewiesen sind, möglicherweise Probleme dabei, den Inhalt einer Webseite zu sehen. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/meta-viewport?application=lighthouse).
done_all
Kein Element hat einen [tabindex]-Wert größer als 0Ein Wert größer als 0 impliziert eine explizite Navigationsanordnung. Das ist zwar technisch möglich, für Nutzer, die auf Hilfstechnologien angewiesen sind, ist dies jedoch häufig frustrierend. [Weitere Informationen](https://dequeuniversity.com/rules/axe/3.1/tabindex?application=lighthouse).
error
Statische Inhalte mit einer effizienten Cache-Richtlinie bereitstellenEine lange Lebensdauer des Cache kann wiederholte Besuche Ihrer Seite beschleunigen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/cache-policy).
done_all
Vermeidet sehr große NetzwerknutzlastenGroße Netzwerknutzlasten kosten Nutzer bares Geld und hängen eng mit langen Ladezeiten zusammen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/network-payloads).
error
Nicht sichtbare Bilder aufschiebenVersuchen Sie, nicht sichtbare und versteckte Bilder erst laden zu lassen, nachdem wichtige Ressourcen geladen wurden, um die Zeit bis zur Interaktivität zu reduzieren. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/offscreen-images).
error
Ressourcen beseitigen, die das Rendering blockierenRessourcen blockieren das erste Zeichnen Ihrer Seite. Versuchen Sie, wichtiges JS und wichtige CSS inline bereitzustellen und alle nicht kritischen JS und Stile aufzuschieben. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/blocking-resources).
done_all
CSS komprimierenDurch die Komprimierung von CSS-Dateien kann die Größe von Netzwerknutzlasten reduziert werden. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/minify-css).
done
JavaScript komprimierenDurch die Komprimierung von JavaScript-Dateien können Nutzlastgrößen und die Zeit zum Parsen von Skripts reduziert werden. [Weitere Informationen](https://developers.google.com/speed/docs/insights/MinifyResources).
error
Nicht verwendete CSS entfernenSie können ungültige Regeln aus Stylesheets entfernen und das Laden von CSS aufschieben, die nicht für ohne Scrollen sichtbare Inhalte verwendet werden, um unnötigen Datenverbrauch durch Netzwerkaktivität zu vermeiden. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/unused-css).
done_all
Bilder in modernen Formaten bereitstellenBildformate wie JPEG 2000, JPEG XR und WebP bieten oft eine bessere Komprimierung als PNG oder JPEG, was schnellere Downloads und einen geringeren Datenverbrauch ermöglicht. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/webp).
done_all
Bilder effizient codierenOptimierte Bilder werden schneller geladen und verbrauchen weniger mobile Daten. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/optimize-images).
done_all
Textkomprimierung aktivierenTextbasierte Ressourcen sollten mit Komprimierung (gzip, Deflate oder Brotli) bereitgestellt werden, um die Datenmenge im Netzwerk insgesamt zu minimieren. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/text-compression)
error
Bilder richtig dimensionierenStellen Sie Bilder bereit, die eine angemessene Größe haben, um mobile Daten zu sparen und die Ladezeit zu verbessern. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/oversized-images)
done_all
Videoformate für animierte Inhalte verwendenGroße GIF-Dateien sind nur bedingt für die Bereitstellung animierter Inhalte geeignet. Sie können statt GIF MPEG4- oder WebM-Videos für Animationen und PNG oder WebP für statische Bilder verwenden und so die Netzwerk-Datenmenge reduzieren. [Weitere Informationen](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/replace-animated-gifs-with-video/)
done_all
Avoids Application CacheApplication Cache is deprecated. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/appcache).
done_all
Page has the HTML doctypeSpecifying a doctype prevents the browser from switching to quirks-mode.Read more on the [MDN Web Docs page](https://developer.mozilla.org/en-US/docs/Glossary/Doctype)
error
Übermäßige DOM-Größe vermeidenLaut der Empfehlung von Browserentwicklern sollten Seiten nicht mehr als ungefähr 1.500 DOM-Elemente enthalten. Die ideale Strukturtiefe liegt bei unter 32 Elementen und weniger als 60 unter- und übergeordneten Elementen. Ein großes DOM kann zu hohem Speicherverbrauch, langwierigen [Stilberechnungen](https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations) und kostspieligen [dynamischen Umbrüchen im Layout](https://developers.google.com/speed/articles/reflow) führen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/dom-size).
done_all
Avoids requesting the geolocation permission on page loadUsers are mistrustful of or confused by sites that request their location without context. Consider tying the request to user gestures instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/geolocation-on-load).
done_all
Avoids `document.write()`For users on slow connections, external scripts dynamically injected via `document.write()` can delay page load by tens of seconds. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/document-write).
done_all
Avoids front-end JavaScript libraries with known security vulnerabilitiesSome third-party scripts may contain known security vulnerabilities that are easily identified and exploited by attackers. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/vulnerabilities).
done_all
Detected JavaScript librariesAll front-end JavaScript libraries detected on the page.
done_all
Avoids requesting the notification permission on page loadUsers are mistrustful of or confused by sites that request to send notifications without context. Consider tying the request to user gestures instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/notifications-on-load).
done_all
Allows users to paste into password fieldsPreventing password pasting undermines good security policy. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/password-pasting).
done_all
Uses HTTP/2 for its own resourcesHTTP/2 offers many benefits over HTTP/1.1, including binary headers, multiplexing, and server push. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/http2).
done_all
Uses passive listeners to improve scrolling performanceConsider marking your touch and wheel event listeners as `passive` to improve your page's scroll performance. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/passive-event-listeners).
done_all
Dokument enthält eine Meta-BeschreibungMeta-Beschreibungen können in die Suchergebnisse aufgenommen werden, um die Seiteninhalte kurz zusammenzufassen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/description).
done_all
Seite hat einen gültigen HTTP-StatuscodeSeiten mit ungültigen HTTP-Statuscodes werden möglicherweise nicht richtig indexiert. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/successful-http-code).
done_all
Links haben beschreibenden TextMit beschreibendem Linktext können Suchmaschinen Ihre Inhalte besser verstehen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/descriptive-link-text).
done_all
Seite ist nicht von Indexierung ausgeschlossenSuchmaschinen können Ihre Seiten nicht in die Suchergebnisse aufnehmen, wenn sie nicht dazu berechtigt sind, sie zu crawlen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/indexing).
done_all
robots.txt ist gültigWenn Ihre robots.txt-Datei fehlerhaft ist, können Crawler möglicherweise nicht nachvollziehen, wie Ihre Website gecrawlt oder indexiert werden soll.
done_all
Dokument enthält ein gültiges "hreflang"-ElementAnhand von "hreflang"-Links können Suchmaschinen ermitteln, welche Version einer Seite sie in den Suchergebnissen für eine bestimmte Sprache oder Region anzeigen sollen. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/hreflang).
done_all
Dokument verwendet keine Plug-insSuchmaschinen können keine Plug-in-Inhalte indexieren und auf vielen Geräten werden Plug-ins eingeschränkt oder nicht unterstützt. [Weitere Informationen](https://developers.google.com/web/tools/lighthouse/audits/plugins).
Weitere Checks
Fehler in der Browserconsole?
Neininfo
Einträge in der Browserconsole beim Aufruf der Startseite
Beim Laden einer Webseite führt jeder moderne Browser ein Protokoll darüber, auf welche Schwierigkeiten er beim Darstellen der Webseite gestoßen ist. Unterschiedliche Browser können unterschiedliche Probleme verzeichnen.
Dieser Check öffnet die Webseite mit dem Google Chrome-Browser und speichert alle auftretenden Warnungen und Fehler hier ab.
Grundsätzlich gilt: Fehler sollten in diesem Check nicht vorkommen. Warnungen deuten zum Teil auf Optimierungspotential oder Sicherheitsprobleme hin.
- Keine problematischen Einträge in der Browserconsole -
W3C-Fehler?
138 Fehlerinfo
W3C-Validationsbericht
Der W3C-Check prüft, inwieweit das HTML einer Webseite mit dem W3C-Standard übereinstimmt. Bringt dieser Test Warnungen oder Fehler hervor, bedeutet dies, dass sich der Code an den markierten Stellen nicht an den Standard hält.
Es ist nicht immer schlimm, wenn dies passiert. In einigen Fällen kann es sogar beabsichtigt sein. Webseiten, die 100%ig dem W3C-Standard entsprechen kommen in der Wirklichkeit kaum vor, da sich auch die Browser (Chrome, Firefox, Internet Explorer, Safari ...) nicht immer an den W3C-Standard halten. Sogar Google schlägt in seinen "Best Practices" für schnelle Webseiten vor, an einigen Stellen aktiv gegen den Standard zu verstoßen, um schnellere Webseiten bereitzustellen.
Grundsätzlich gilt folgendes: Man kann davon ausgehen, dass Webseiten mit weniger Fehler und Warnungen in diesem Check eine bessere Browserkompatabilität bieten, als Webseiten mit vielen Fehlern und Warnungen. Bestimmte Fehlertypen dürfen auf keinen Fall im Bericht auftauchen.
Immer muss aber eine Einzelfallbetrachtung durch eine Person mit entsprechender technischer Expertise erfolgen.
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 7, Zeichen 2 bis 25)
<meta charset="utf-8" />
<meta
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 16, Zeichen 1 bis 59)
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 23, Zeichen 1 bis 187)
">
<meta name="description" content="Entdecken Sie die Vielfalt von Audi Deutschland – Informationen zu aktuellen Modellen, Aktionen und Angeboten. Vereinbaren Sie eine Probefahrt!" />
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 24, Zeichen 9 bis 93)
>
<meta property="og:title" content="Modelle, Aktionen, Angebote | Audi Deutschland" />
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 25, Zeichen 9 bis 202)
>
<meta property="og:description" content="Entdecken Sie die Vielfalt von Audi Deutschland – Informationen zu aktuellen Modellen, Aktionen und Angeboten. Vereinbaren Sie eine Probefahrt!" />
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 38, Zeichen 1 bis 144)
CSS: ?transition-property?: ? ? is an incorrect operator. (Zeile 419, Zeichen 323 bis 334)
rty:color border-color;}/*!s
error
CSS: ?transition-property?: ? ? is an incorrect operator. (Zeile 423, Zeichen 322 bis 333)
rty:color border-color;}/*!s
error
CSS: ?transition-property?: ? ? is an incorrect operator. (Zeile 427, Zeichen 323 bis 334)
rty:color border-color;}/*!s
error
CSS: ?transition-property?: ? ? is an incorrect operator. (Zeile 431, Zeichen 323 bis 334)
rty:color border-color;}/*!s
error
CSS: ?transition-property?: ? ? is an incorrect operator. (Zeile 435, Zeichen 323 bis 334)
rty:color border-color;}/*!s
error
CSS: ?transition-property?: ? ? is an incorrect operator. (Zeile 439, Zeichen 323 bis 334)
rty:color border-color;}/*!s
error
CSS: ?transition-property?: ? ? is an incorrect operator. (Zeile 443, Zeichen 323 bis 334)
rty:color border-color;}/*!s
error
CSS: ?transition-property?: ? ? is an incorrect operator. (Zeile 447, Zeichen 323 bis 334)
rty:color border-color;}/*!s
error
CSS: ?transition-property?: ? ? is an incorrect operator. (Zeile 465, Zeichen 377 bis 388)
rty:color border-color;}/*!s
error
CSS: only ?0? can be a ?unit?. You must put a unit after your number (Zeile 490, Zeichen 0 bis 26)
n-width:1024 px){.faoXzd{width
error
CSS: only ?0? can be a ?unit?. You must put a unit after your number (Zeile 492, Zeichen 0 bis 26)
n-width:1024 px){.kcDGdA{width
error
CSS: Unknown pseudo-element or pseudo-class ?:stage-large-feature-app? (Zeile 500, Zeichen 40 bis 62)
VpR #audi:stage-large-feature-app:8e95f
error
CSS: Parse Error. (Zeile 500, Zeichen 0 bis 133)
per{bottom:0px;}}/*!sc*/
data-
error
CSS: Parse Error. (Zeile 701, Zeichen 0 bis 348)
1c8 240ms 660ms;transition:opa
error
CSS: Unknown pseudo-element or pseudo-class ?:opacity? (Zeile 701, Zeichen 360 bis 366)
ransition:opacity --eas
error
CSS: Parse Error. (Zeile 701, Zeichen 0 bis 396)
1c8 240ms 660ms;width:0px;}/*!
error
CSS: Parse Error. (Zeile 701, Zeichen 0 bis 406)
660ms;width:0px;}/*!sc*/
data-
error
CSS: Parse Error. (Zeile 701, Zeichen 0 bis 415)
th:0px;}/*!sc*/
data-styled.g3
error
CSS: Parse Error. (Zeile 706, Zeichen 0 bis 279)
-easing-8e341c8;transition:opa
error
CSS: Unknown pseudo-element or pseudo-class ?:opacity? (Zeile 706, Zeichen 291 bis 297)
ransition:opacity 180ms
error
CSS: Unrecognized. (Zeile 707, Zeichen 0 bis 9)
*!sc*/
.cwFeyd a{display:inlin
error
CSS: Parse Error. (Zeile 710, Zeichen 0 bis 279)
-easing-8e341c8;transition:opa
error
CSS: Unknown pseudo-element or pseudo-class ?:opacity? (Zeile 710, Zeichen 291 bis 297)
ransition:opacity 180ms
error
CSS: Unrecognized. (Zeile 711, Zeichen 0 bis 25)
in-width:1440px){.iwRMSh{-webk
error
CSS: Parse Error. (Zeile 735, Zeichen 0 bis 227)
g-8e341c8 420ms;transition:hei
error
CSS: Unknown pseudo-element or pseudo-class ?:height? (Zeile 735, Zeichen 239 bis 244)
ransition:height --eas
error
CSS: Parse Error. (Zeile 735, Zeichen 0 bis 268)
g-8e341c8 420ms;width:100%;z-i
error
CSS: Parse Error. (Zeile 735, Zeichen 0 bis 279)
20ms;width:100%;z-index:1;}/*!
error
CSS: Parse Error. (Zeile 735, Zeichen 0 bis 289)
:100%;z-index:1;}/*!sc*/
.CJgy
error
CSS: Parse Error. (Zeile 735, Zeichen 0 bis 298)
ndex:1;}/*!sc*/
.CJgyg{backgro
error
CSS: Parse Error. (Zeile 736, Zeichen 0 bis 226)
g-8e341c8 420ms;transition:hei
error
CSS: Unknown pseudo-element or pseudo-class ?:height? (Zeile 736, Zeichen 238 bis 243)
ransition:height --eas
error
CSS: Parse Error. (Zeile 736, Zeichen 0 bis 267)
g-8e341c8 420ms;width:100%;z-i
error
CSS: Parse Error. (Zeile 736, Zeichen 0 bis 278)
20ms;width:100%;z-index:1;}/*!
error
CSS: Parse Error. (Zeile 736, Zeichen 0 bis 288)
:100%;z-index:1;}/*!sc*/
@medi
error
CSS: Parse Error. (Zeile 736, Zeichen 0 bis 297)
ndex:1;}/*!sc*/
@media (min-wi
error
CSS: Parse Error. (Zeile 739, Zeichen 0 bis 373)
g-8e341c8 420ms;-webkit-transi
error
CSS: Unknown pseudo-element or pseudo-class ?:opacity? (Zeile 739, Zeichen 393 bis 399)
ransition:opacity --eas
error
CSS: Parse Error. (Zeile 739, Zeichen 0 bis 456)
g-8e341c8 420ms;transition:opa
error
CSS: Unknown pseudo-element or pseudo-class ?:opacity? (Zeile 739, Zeichen 468 bis 474)
ransition:opacity --eas
error
CSS: Parse Error. (Zeile 739, Zeichen 0 bis 531)
g-8e341c8 420ms;}/*!sc*/
.jzWs
error
CSS: Parse Error. (Zeile 739, Zeichen 0 bis 540)
420ms;}/*!sc*/
.jzWspp{height
error
CSS: Parse Error. (Zeile 740, Zeichen 0 bis 373)
g-8e341c8 420ms;-webkit-transi
error
CSS: Unknown pseudo-element or pseudo-class ?:opacity? (Zeile 740, Zeichen 393 bis 399)
ransition:opacity --eas
error
CSS: Parse Error. (Zeile 740, Zeichen 0 bis 456)
g-8e341c8 420ms;transition:opa
error
CSS: Unknown pseudo-element or pseudo-class ?:opacity? (Zeile 740, Zeichen 468 bis 474)
ransition:opacity --eas
error
CSS: Parse Error. (Zeile 740, Zeichen 0 bis 531)
g-8e341c8 420ms;}/*!sc*/
@medi
error
CSS: Parse Error. (Zeile 740, Zeichen 0 bis 540)
420ms;}/*!sc*/
@media (min-wi
error
CSS: Parse Error. (Zeile 743, Zeichen 0 bis 274)
, opacity 240ms;transition:lef
error
CSS: Unrecognized. (Zeile 743, Zeichen 297 bis 312)
eft 240ms --easing-8e341c8, widt
error
CSS: Unrecognized. (Zeile 743, Zeichen 327 bis 342)
dth 240ms --easing-8e341c8, opac
error
CSS: Unrecognized. (Zeile 744, Zeichen 0 bis 53)
veBar--1p5rvqp"]{content:"bdIt
error
CSS: Parse Error. (Zeile 797, Zeichen 0 bis 74)
1c8 300ms 120ms;transition:opa
error
CSS: Unknown pseudo-element or pseudo-class ?:opacity? (Zeile 797, Zeichen 86 bis 92)
ransition:opacity --eas
error
CSS: Parse Error. (Zeile 797, Zeichen 0 bis 122)
1c8 300ms 120ms;z-index:1;}/*!
error
CSS: Parse Error. (Zeile 797, Zeichen 0 bis 132)
120ms;z-index:1;}/*!sc*/
.itWd
error
CSS: Parse Error. (Zeile 802, Zeichen 0 bis 534)
g-8e341c8 660ms;-webkit-transi
error
CSS: Unknown pseudo-element or pseudo-class ?:transform? (Zeile 802, Zeichen 554 bis 562)
ransition:transform 660ms
error
CSS: Unrecognized. (Zeile 803, Zeichen 9 bis 12)
/
.cNrzeC span{-webk
error
CSS: ?margin-bottom?: Parse Error. (Zeile 804, Zeichen 135 bis 156)
ottom:var(--one-header-space-xxs});mar
error
CSS: Parse Error. (Zeile 804, Zeichen 0 bis 159)
der-space-xxs});margin-right:v
error
CSS: Parse Error. (Zeile 804, Zeichen 0 bis 199)
eader-space-xxs});width:48px;}
error
CSS: Parse Error. (Zeile 804, Zeichen 0 bis 201)
der-space-xxs});width:48px;}/*
error
CSS: Parse Error. (Zeile 804, Zeichen 0 bis 212)
xs});width:48px;}/*!sc*/
data-
error
CSS: Parse Error. (Zeile 804, Zeichen 0 bis 221)
h:48px;}/*!sc*/
data-styled.g4
error
CSS: Parse Error. (Zeile 813, Zeichen 0 bis 180)
g-8e341c8 240ms;transition:opa
error
CSS: Unknown pseudo-element or pseudo-class ?:opacity? (Zeile 813, Zeichen 192 bis 198)
ransition:opacity --eas
error
CSS: Parse Error. (Zeile 813, Zeichen 0 bis 222)
g-8e341c8 240ms;visibility:hid
error
CSS: Unknown pseudo-element or pseudo-class ?:hidden? (Zeile 813, Zeichen 234 bis 239)
isibility:hidden;width
error
CSS: Parse Error. (Zeile 813, Zeichen 0 bis 240)
sibility:hidden;width:100%;z-i
error
CSS: Parse Error. (Zeile 813, Zeichen 0 bis 251)
dden;width:100%;z-index:5;}/*!
error
CSS: Parse Error. (Zeile 813, Zeichen 0 bis 261)
:100%;z-index:5;}/*!sc*/
data-
error
CSS: Parse Error. (Zeile 813, Zeichen 0 bis 270)
ndex:5;}/*!sc*/
data-styled.g4
error
CSS: ?transition-timing-function?: ?none? is not a ?transition-timing-function? value. (Zeile 854, Zeichen 155 bis 158)
-function:none;-webk
error
CSS: ?transition-delay?: ?0? is not a ?transition-delay? value. (Zeile 854, Zeichen 0 bis 204)
ansition-delay:0;}}/*!sc*/
dat
error
CSS: ?transition-timing-function?: ?none? is not a ?transition-timing-function? value. (Zeile 858, Zeichen 155 bis 158)
-function:none;-webk
error
CSS: ?transition-delay?: ?0? is not a ?transition-delay? value. (Zeile 858, Zeichen 0 bis 204)
ansition-delay:0;}}/*!sc*/
@me
error
CSS: ?transition-timing-function?: ?none? is not a ?transition-timing-function? value. (Zeile 865, Zeichen 155 bis 158)
-function:none;-webk
error
CSS: ?transition-delay?: ?0? is not a ?transition-delay? value. (Zeile 865, Zeichen 0 bis 204)
ansition-delay:0;}}/*!sc*/
dat
error
Attribute ?page-type? not allowed on element ?body? at this point. (Zeile 875, Zeichen 1 bis 29)
></head>
<body page-type="widescreen">
<div
error
Element ?div? not allowed as child of element ?button? in this context. (Suppressing further errors from this subtree.) (Zeile 902, Zeichen 2374 bis 2423)
el="Menü"><div class="StyledMenuButtonIcon--19nojql czzfso"><div c
info
The ?navigation? role is unnecessary for element ?nav?. (Zeile 902, Zeichen 2823 bis 2902)
oc CJgyg"><nav aria-label="Main" role="navigation" class="HeaderStyledNav--voxfyl jzWspp"><div c
info
The ?navigation? role is unnecessary for element ?nav?. (Zeile 902, Zeichen 3909 bis 4016)
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 902, Zeichen 17744 bis 17982)
y itWdng"><img alt="672x378_urbansphere_2022_4087.jpg" height="378" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" width="672" class="HeaderStyledTeaserImage--i4wnzw ejgqoJ"/></div>
error
Element ?legend? not allowed as child of element ?div? in this context. (Suppressing further errors from this subtree.) (Zeile 902, Zeichen 19133 bis 19140)
w eKPkqt"><legend>Suche
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 916, Zeichen 1739 bis 1918)
><picture><source media="(max-width: 768px) and (max-aspect-ratio: 3/4)" srcSet="/content/dam/nemo/misc/audi-brand/audi-brand-x-mas-2022/1440x1920_grandsphere_2022_4623-01.jpg?imwidth=768"/><sourc
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 916, Zeichen 1919 bis 2098)
dth=768"/><source media="(max-width: 768px) and (min-aspect-ratio: 3/4)" srcSet="/content/dam/nemo/misc/audi-brand/audi-brand-x-mas-2022/1920x1920_grandsphere_2022_4623-01.jpg?imwidth=768"/><sourc
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 916, Zeichen 2099 bis 2280)
dth=768"/><source media="(max-width: 1024px) and (max-aspect-ratio: 3/4)" srcSet="/content/dam/nemo/misc/audi-brand/audi-brand-x-mas-2022/1440x1920_grandsphere_2022_4623-01.jpg?imwidth=1024"/><sourc
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 916, Zeichen 2281 bis 2462)
th=1024"/><source media="(max-width: 1024px) and (min-aspect-ratio: 3/4)" srcSet="/content/dam/nemo/misc/audi-brand/audi-brand-x-mas-2022/1920x1920_grandsphere_2022_4623-01.jpg?imwidth=1024"/><sourc
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 916, Zeichen 2463 bis 2644)
th=1024"/><source media="(max-width: 1440px) and (max-aspect-ratio: 3/4)" srcSet="/content/dam/nemo/misc/audi-brand/audi-brand-x-mas-2022/1440x1920_grandsphere_2022_4623-01.jpg?imwidth=1440"/><sourc
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 916, Zeichen 2645 bis 2826)
th=1440"/><source media="(max-width: 1440px) and (min-aspect-ratio: 3/4)" srcSet="/content/dam/nemo/misc/audi-brand/audi-brand-x-mas-2022/1920x1920_grandsphere_2022_4623-01.jpg?imwidth=1440"/><sourc
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 916, Zeichen 2827 bis 3008)
th=1440"/><source media="(min-width: 1440px) and (max-aspect-ratio: 3/4)" srcSet="/content/dam/nemo/misc/audi-brand/audi-brand-x-mas-2022/1440x1920_grandsphere_2022_4623-01.jpg?imwidth=1920"/><sourc
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 916, Zeichen 3009 bis 3190)
th=1920"/><source media="(min-width: 1440px) and (min-aspect-ratio: 3/4)" srcSet="/content/dam/nemo/misc/audi-brand/audi-brand-x-mas-2022/1920x1920_grandsphere_2022_4623-01.jpg?imwidth=1920"/><img a
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 916, Zeichen 3191 bis 3420)
Bad value ?//audiag.112.2o7.net/b/ss/audiag227503/?[AQB]c41=no-script[AQE]? for attribute ?src? on element ?img?: Illegal character in query: ?[? is not allowed. (Zeile 4159, Zeichen 2 bis 117)
Element ?style? not allowed as child of element ?audi-model-band? in this context. (Suppressing further errors from this subtree.) (Zeile 4169, Zeichen 2 bis 8)
l_band">
<style>
info
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. (Zeile 5276, Zeichen 4 bis 162)