Client Hints ist eine Sammlung von HTTP-Headern und JavaScript-APIs, die es Webbrowsern ermöglichen, detaillierte Informationen über das Client-Gerät und den Browser an Webserver zu senden. Sie sind als Nachfolger von User-Agent konzipiert und bieten Webservern eine standardisierte Möglichkeit, den Client-Inhalt zu optimieren, ohne sich auf unzuverlässige Erkennungen basierend auf dem User-Agent-String oder Browser-Fingerabdruck-Techniken verlassen zu müssen.

User-Agent-Zeichenfolge

user-Agent

User-Agent Client Hints (JavaScript API)

API-Unterstützung	loading...
Architektur	loading...
bitness	loading...
Marken (Browser-Marken)	loading...
Vollständige Versionsliste	loading...
mobile	loading...
model	loading...
platform	loading...
Plattformversion	loading...
Vollständige User-Agent-Version	loading...
WOW64 (32-Bit auf 64-Bit Windows)	loading...

Anfrage-Header (User-Agent Client Hints)

sec-ch-ua	loading...
sec-ch-ua-platform	loading...
sec-ch-ua-mobile	loading...
sec-ch-ua-full-version	loading...
sec-ch-ua-platform-version	loading...
sec-ch-ua-full-version-list	loading...
sec-ch-ua-arch	loading...
sec-ch-ua-bitness	loading...
sec-ch-ua-wow64	loading...
sec-ch-ua-model	loading...
sec-ch-save-data	loading...
sec-ch-width	loading...
sec-ch-viewport-width	loading...
viewport-width	loading...
sec-ch-viewport-height	loading...
sec-ch-dpr	loading...
dpr	loading...
sec-ch-device-memory	loading...
device-memory	loading...
sec-ch-rtt	loading...
sdownlink	loading...
sec-ch-ect	loading...
ect	loading...
sec-ch-prefers-color-scheme	loading...
sec-ch-prefers-reduced-motion	loading...
sec-ch-prefers-reduced-transparency	loading...
sec-ch-prefers-contrast	loading...
sec-ch-forced-colors	loading...
sec-ch-ua-form-factors	loading...

Bekannte Client Hints-Header (Referenz)

```
Sec-CH-UA
```
Stellt die Browser-Marke(n) und Hauptversion dar.
```
Sec-CH-UA-Full-Version
```
Gibt die vollständige Browser-Versionszeichenfolge an. (Veraltet, ersetzt durch Sec-CH-UA-Full-Version-List)
```
Sec-CH-UA-Full-Version-List
```
Gibt die vollständige Browser-Versionszeichenfolge an.
```
Sec-CH-UA-Platform
```
Gibt die Plattform an, auf der der User-Agent ausgeführt wird.
```
Sec-CH-UA-Platform-Version
```
Gibt die Version der Plattform an, auf der der User-Agent ausgeführt wird.
```
Sec-CH-UA-Arch
```
Gibt die Architektur der Plattform an, auf der der User-Agent ausgeführt wird.
```
Sec-CH-UA-Bitness
```
Gibt die Anzahl der Bits der Architektur der Plattform an, auf der der User-Agent ausgeführt wird.
```
Sec-CH-UA-WoW64
```
Gibt an, ob der Browser im 32-Bit-Modus auf 64-Bit-Windows ausgeführt wird.
```
Sec-CH-UA-Model
```
Gibt das Gerät an, auf dem der User-Agent ausgeführt wird.
```
Sec-CH-UA-Mobile
```
Gibt an, ob der User-Agent eine mobile Erfahrung bevorzugt.
```
Sec-CH-UA-Form-Factors
```
Gibt den Formfaktor des Geräts an, historisch als deviceCompat-Token im User-Agent-String dargestellt.
```
Sec-CH-Lang
```
(Stellt die bevorzugte Sprache des Benutzers dar.
```
Sec-CH-Save-Data
```
(Stellt die Präferenz des User-Agenten zur Reduzierung des Datenverbrauchs dar.
```
Sec-CH-Width
```
Gibt die Layoutbreite der Bildressourcenanfrage in CSS-Pixeln an.
```
Sec-CH-Viewport-Width
```
(oder Viewport-Width) ist die Breite des Anzeigefensters des Benutzers in CSS-Pixeln.
```
Sec-CH-Viewport-Height
```
Gibt die aktuelle Höhe des Anzeigefensters des User-Agent an.
```
Sec-CH-DPR
```
(oder DPR) gibt das Verhältnis zwischen den physischen Pixeln des Bildschirms des Benutzers und den CSS-Pixeln an.
```
Sec-CH-Device-Memory
```
(oder Device-Memory) gibt ungefähr die Menge an Speicher an, die auf dem aktuellen Gerät verfügbar ist (in GiB). Da diese Informationen zur Identifizierung des Benutzers verwendet werden können, ist der Wert von Device-Memory absichtlich grob. Gültige Werte sind 0.25, 0.5, 1, 2, 4 und 8.
```
Sec-CH-RTT
```
(oder RTT) liefert eine ungefähre Hin- und Rücklaufzeit auf Anwendungsebene (in Millisekunden). Der RTT unterscheidet sich vom RTT auf Transportschicht, da er die Verarbeitungszeit des Servers umfasst. Der RTT-Wert wird auf das nächstgelegene Vielfache von 25 Millisekunden gerundet, um die Identifizierung von Fingerabdrücken zu vermeiden.
```
Sec-CH-Downlink
```
(oder Downlink) gibt die ungefähre Downloadgeschwindigkeit der Verbindung des Benutzers in Megabit pro Sekunde (Mbps) an. Dieser Wert wird auf das nächstgelegene Vielfache von 25 Kilobit pro Sekunde gerundet, um erneut die Identifizierung von Fingerabdrücken zu vermeiden.
```
Sec-CH-ECT
```
(oder ECT) steht für Effektiver Verbindungstyp, wie vom Browser geschätzt. Sein Wert ist eine der Enumerationen des Verbindungstyps, die jeweils die Werte von RTT und Downlink in einem bestimmten Bereich beschreiben. Gültige Werte für ECT sind 4g, 3g, 2g und slow-2g.
```
Sec-CH-Prefers-Color-Scheme
```
Stellt das bevorzugte Farbschema des Benutzers dar.
```
Sec-CH-Prefers-Reduced-Motion
```
Gibt an, ob der Benutzer darum bittet, die Menge an Animationen oder Bewegungen, die vom System verwendet werden, zu minimieren.
```
Sec-CH-Prefers-Reduced-Transparency
```
Gibt an, ob der Benutzer darum bittet, die Menge an transparenten oder halbtransparenten Layer-Effekten, die vom System verwendet werden, zu minimieren.
```
Sec-CH-Prefers-Contrast
```
Gibt an, ob der Benutzer möchte, dass der Webinhalt mit höherem (oder niedrigerem) Kontrast dargestellt wird.
```
Sec-CH-Forced-Colors
```
Gibt an, ob der User-Agent den Modus für erzwungene Farben aktiviert hat, in dem er eine vom Benutzer ausgewählte, eingeschränkte Farbpalette auf der Seite verwendet.

User-Agent-Zeichenfolge

user-Agent

User-Agent Client Hints (JavaScript API)

API-Unterstützung	loading...
Architektur	loading...
bitness	loading...
Marken (Browser-Marken)	loading...
Vollständige Versionsliste	loading...
mobile	loading...
model	loading...
platform	loading...
Plattformversion	loading...
Vollständige User-Agent-Version	loading...
WOW64 (32-Bit auf 64-Bit Windows)	loading...

Anfrage-Header (User-Agent Client Hints)

sec-ch-ua	loading...
sec-ch-ua-platform	loading...
sec-ch-ua-mobile	loading...
sec-ch-ua-full-version	loading...
sec-ch-ua-platform-version	loading...
sec-ch-ua-full-version-list	loading...
sec-ch-ua-arch	loading...
sec-ch-ua-bitness	loading...
sec-ch-ua-wow64	loading...
sec-ch-ua-model	loading...
sec-ch-save-data	loading...
sec-ch-width	loading...
sec-ch-viewport-width	loading...
viewport-width	loading...
sec-ch-viewport-height	loading...
sec-ch-dpr	loading...
dpr	loading...
sec-ch-device-memory	loading...
device-memory	loading...
sec-ch-rtt	loading...
sdownlink	loading...
sec-ch-ect	loading...
ect	loading...
sec-ch-prefers-color-scheme	loading...
sec-ch-prefers-reduced-motion	loading...
sec-ch-prefers-reduced-transparency	loading...
sec-ch-prefers-contrast	loading...
sec-ch-forced-colors	loading...
sec-ch-ua-form-factors	loading...

Bekannte Client Hints-Header (Referenz)

```
Sec-CH-UA
```
Stellt die Browser-Marke(n) und Hauptversion dar.
```
Sec-CH-UA-Full-Version
```
Gibt die vollständige Browser-Versionszeichenfolge an. (Veraltet, ersetzt durch Sec-CH-UA-Full-Version-List)
```
Sec-CH-UA-Full-Version-List
```
Gibt die vollständige Browser-Versionszeichenfolge an.
```
Sec-CH-UA-Platform
```
Gibt die Plattform an, auf der der User-Agent ausgeführt wird.
```
Sec-CH-UA-Platform-Version
```
Gibt die Version der Plattform an, auf der der User-Agent ausgeführt wird.
```
Sec-CH-UA-Arch
```
Gibt die Architektur der Plattform an, auf der der User-Agent ausgeführt wird.
```
Sec-CH-UA-Bitness
```
Gibt die Anzahl der Bits der Architektur der Plattform an, auf der der User-Agent ausgeführt wird.
```
Sec-CH-UA-WoW64
```
Gibt an, ob der Browser im 32-Bit-Modus auf 64-Bit-Windows ausgeführt wird.
```
Sec-CH-UA-Model
```
Gibt das Gerät an, auf dem der User-Agent ausgeführt wird.
```
Sec-CH-UA-Mobile
```
Gibt an, ob der User-Agent eine mobile Erfahrung bevorzugt.
```
Sec-CH-UA-Form-Factors
```
Gibt den Formfaktor des Geräts an, historisch als deviceCompat-Token im User-Agent-String dargestellt.
```
Sec-CH-Lang
```
(Stellt die bevorzugte Sprache des Benutzers dar.
```
Sec-CH-Save-Data
```
(Stellt die Präferenz des User-Agenten zur Reduzierung des Datenverbrauchs dar.
```
Sec-CH-Width
```
Gibt die Layoutbreite der Bildressourcenanfrage in CSS-Pixeln an.
```
Sec-CH-Viewport-Width
```
(oder Viewport-Width) ist die Breite des Anzeigefensters des Benutzers in CSS-Pixeln.
```
Sec-CH-Viewport-Height
```
Gibt die aktuelle Höhe des Anzeigefensters des User-Agent an.
```
Sec-CH-DPR
```
(oder DPR) gibt das Verhältnis zwischen den physischen Pixeln des Bildschirms des Benutzers und den CSS-Pixeln an.
```
Sec-CH-Device-Memory
```
(oder Device-Memory) gibt ungefähr die Menge an Speicher an, die auf dem aktuellen Gerät verfügbar ist (in GiB). Da diese Informationen zur Identifizierung des Benutzers verwendet werden können, ist der Wert von Device-Memory absichtlich grob. Gültige Werte sind 0.25, 0.5, 1, 2, 4 und 8.
```
Sec-CH-RTT
```
(oder RTT) liefert eine ungefähre Hin- und Rücklaufzeit auf Anwendungsebene (in Millisekunden). Der RTT unterscheidet sich vom RTT auf Transportschicht, da er die Verarbeitungszeit des Servers umfasst. Der RTT-Wert wird auf das nächstgelegene Vielfache von 25 Millisekunden gerundet, um die Identifizierung von Fingerabdrücken zu vermeiden.
```
Sec-CH-Downlink
```
(oder Downlink) gibt die ungefähre Downloadgeschwindigkeit der Verbindung des Benutzers in Megabit pro Sekunde (Mbps) an. Dieser Wert wird auf das nächstgelegene Vielfache von 25 Kilobit pro Sekunde gerundet, um erneut die Identifizierung von Fingerabdrücken zu vermeiden.
```
Sec-CH-ECT
```
(oder ECT) steht für Effektiver Verbindungstyp, wie vom Browser geschätzt. Sein Wert ist eine der Enumerationen des Verbindungstyps, die jeweils die Werte von RTT und Downlink in einem bestimmten Bereich beschreiben. Gültige Werte für ECT sind 4g, 3g, 2g und slow-2g.
```
Sec-CH-Prefers-Color-Scheme
```
Stellt das bevorzugte Farbschema des Benutzers dar.
```
Sec-CH-Prefers-Reduced-Motion
```
Gibt an, ob der Benutzer darum bittet, die Menge an Animationen oder Bewegungen, die vom System verwendet werden, zu minimieren.
```
Sec-CH-Prefers-Reduced-Transparency
```
Gibt an, ob der Benutzer darum bittet, die Menge an transparenten oder halbtransparenten Layer-Effekten, die vom System verwendet werden, zu minimieren.
```
Sec-CH-Prefers-Contrast
```
Gibt an, ob der Benutzer möchte, dass der Webinhalt mit höherem (oder niedrigerem) Kontrast dargestellt wird.
```
Sec-CH-Forced-Colors
```
Gibt an, ob der User-Agent den Modus für erzwungene Farben aktiviert hat, in dem er eine vom Benutzer ausgewählte, eingeschränkte Farbpalette auf der Seite verwendet.

Website wird langsam geladen oder hinkt hinterher? Ein Trick, um Ihre Seiten perfekt auf jedem Gerät anzuzeigen

Die Erkennung von browserseitigen Hinweisen ist ein wichtiges Werkzeug zur Verbesserung der Benutzererfahrung, zur Beschleunigung der Seitenladezeiten und zur Verbesserung des SEO-Rankings. Mit ToDetect können Entwickler Geräteinformationen genau erfassen, das adaptive Laden von Bildern ermöglichen und über mehrere Geräte hinweg optimieren, um sicherzustellen, dass Ihre Website auf jeder Plattform einwandfrei funktioniert.

Artikel Details

Was sind Kundenhinweise und warum sind sie plötzlich so beliebt?

Der vollständige Leitfaden zur Verwendung von Tools zur Erkennung von Client-Hints: Vom Anfänger bis zum Profi

Website wird langsam geladen oder hinkt hinterher? Ein Trick, um Ihre Seiten perfekt auf jedem Gerät anzuzeigen

Anfängerfreundliches Tool zur Analyse von Kundenhinweisen: Steigern Sie mühelos Ihre Website-Optimierung