Referenzziel auswählen

Jeremy Wagner
Rachel Andrew

Veröffentlicht am 20. Mai 2025

Wenn eine Webplattformfunktion in jedem Browser implementiert ist, wird sie als „Baseline – Neu verfügbar“ gekennzeichnet. Nach 30 Monaten wird diese Funktion dann als „Baseline – Weitgehend verfügbar“ gekennzeichnet. Dies ist ein Schwellenwert, bei dem die meisten Websites Funktionen ohne Kompatibilitätsprobleme übernehmen können. In dieser Anleitung wird erklärt, wie Sie Baseline verwenden und wie Sie anhand der Daten Ihrer Website-Nutzer ein Baseline-Ziel auswählen.

Was ist ein Baseline-Ziel?

Ein Baseline-Ziel ist eine Gruppierung von Webfunktionen, die Entwickler basierend auf ihrem Baseline-Status unterstützen können. Es gibt zwei Arten von Baseline-Zielen: bewegliche und feste Ziele.

Bewegliche Ziele wie „Baseline – Weitgehend verfügbar“ oder „Baseline – Neu verfügbar“ sind Ziele, bei denen sich die Menge der enthaltenen Funktionen im Laufe der Zeit ändern kann. Bewegliche Ziele sind sinnvoll, wenn die Menge der unterstützten Funktionen automatisch weiterentwickelt werden soll, sobald neue Browserversionen veröffentlicht werden.

Feste Ziele sind Ziele, bei denen sich die Menge der Funktionen im Laufe der Zeit nicht ändert. Im Allgemeinen basieren feste Ziele auf Kalenderjahren. „Baseline 2023“ ist beispielsweise ein festes Ziel, das die Menge der Webfunktionen enthält, die 2023 als „Baseline – Neu verfügbar“ gekennzeichnet wurden. „Baseline 2023“ enthält keine Funktionen, die nach 2023 als „Baseline“ gekennzeichnet wurden. Das bedeutet, dass sich die Menge der Funktionen von „Baseline 2023“ nie ändert.

Feste Ziele sind sinnvoll, wenn Vorhersagbarkeit und Deterministik von größter Bedeutung sind. Sie können jedoch im Laufe der Zeit veraltet sein. Wenn Sie feste Ziele verwenden, sollten Sie Ihr Ziel daher regelmäßig neu bewerten.

Warum ein Ziel auswählen?

Die Einführung von Funktionen im Web wird durch Kompatibilitätsprobleme behindert. Dadurch kann das Web nicht so gut sein, wie es sein könnte. Baseline sorgt nicht nur für Klarheit bei der Frage der Funktionsunterstützung in Browsern, sondern kann auch hilfreich sein, wenn es darum geht, wann bestimmte Funktionen verwendet werden können. Wenn Sie ein Ziel auswählen, das Ihre Zielgruppe und Ihre Anforderungen widerspiegelt, können Sie Funktionen innerhalb dieser Zielgruppe bedenkenlos verwenden, ohne einzelne Funktionen einzeln prüfen zu müssen.

Daten zum Auswählen Ihres Baseline-Ziels verwenden

Die Auswahl des richtigen Baseline-Ziels sollte nach Möglichkeit datengestützt erfolgen. Wenn Sie die Daten vor sich haben, wird die Auswahl des Ziels einfacher und fundierter.

Wenn Sie Real User Monitoring-Daten für Ihre Website haben, können Sie sehen, wie Baseline-Ziele Ihren Nutzern zugeordnet sind. Wenn Sie beispielsweise Google Analytics verwenden, können Sie diese Informationen kostenlos mit dem Google Analytics Baseline Checker abrufen.

Um dieses Tool zu verwenden, müssen Sie sich mit Ihrem Google-Konto authentifizieren und dem Tool die Leseberechtigung zum Anzeigen Ihrer Google Analytics-Daten gewähren. Wählen Sie dann die Google Analytics-Property aus, für die Baseline-Zieldaten generiert werden sollen. Nach Abschluss dieser Schritte erhalten Sie eine Ausgabe ähnlich der folgenden:

Das Google Analytics Baseline Checker-Tool zeigt eine Aufschlüsselung der Unterstützung für verschiedene Baseline-Ziele nach Prozentsatz. Die Unterstützung nimmt von neueren zu älteren Zielen zu.
Die Ausgabe des Google Analytics Baseline Checker-Tools. Das Tool segmentiert die Unterstützung durch echte Nutzer für jedes Baseline-Ziel. Ältere Baseline-Ziele werden von echten Nutzern besser unterstützt.

Wir sehen, dass andere Tools die Unterstützung für Baseline implementieren. So erhalten Sie eine dynamische Ansicht, wie viele Nutzer Ihrer Zielgruppe ein bestimmtes Ziel unterstützen. RUMvision enthält beispielsweise ein Dashboard, das zeigt, wie viele Nutzer Ihrer Zielgruppe jedes Baseline-Jahr unterstützen.

Die Baseline-Daten von RUMvision enthalten Supportdaten für jedes Baseline-Ziel, einschließlich einer Aufschlüsselung der Supportdaten auf Feature-Ebene.

Was ist, wenn mein Analytics- oder RUM-Anbieter noch keinen Bericht zum Baseline-Ziel hat?

Wenn Sie ein Analytics- oder RUM-Tool verwenden, das noch keinen Bericht zum Baseline-Ziel bietet, aber Daten zu Browserversionen enthält, können Sie Ihre Daten aus der Praxis mit Browserversionszuordnungen aus dem baseline-browser-mapping-Modul verknüpfen. Das Modul enthält eine JavaScript-Funktion (getAllVersions()), die Browser nach Name und Version ihrem Baseline-Jahr und dem Unterstützungsstatus für „Weitgehend verfügbar“ zuordnet. Diese Zuordnungen können als Arrays, Objekte mit Schlüsseln oder als CSV-Datei bereitgestellt werden. Der Google Analytics Baseline Checker verwendet dieses Modul beispielsweise, um Analytics-Daten mit Baseline-Zielen zu verknüpfen.

Die Ausgaben dieser Funktion sind auch als gehostete JSON- oder CSV-Dateien verfügbar, die täglich aktualisiert werden. Die Datei all_versions_with_supports.csv enthält Daten, die Sie mit den Browserversionsdaten Ihres Analytics-Anbieters abgleichen können. Dazu verwenden Sie die folgenden Felder:

  • browser: Der Name des Browsers, wie er in baseline-browser-mapping verwendet wird.
  • version: Die Version des Browsers. Einige Browser verwenden nur eine Hauptversionsnummer, andere eine major.minor.
  • year: Das Feature-Set des Baseline-Jahres, das von dieser Browserversion unterstützt wird. Wenn eine Browserversion vor Juli 2015 veröffentlicht wurde, bevor die Baseline-Unterstützung bestimmt werden konnte, enthält dieses Feld pre_baseline.
  • supports: Dieses Feld enthält widely oder newly für Browserversionen, die diese Funktionsmengen unterstützen. Für Versionen, die keine dieser Funktionsmengen unterstützen, ist es leer. Alle Browserversionen, die „Neu verfügbar“ unterstützen, unterstützen auch „Weitgehend verfügbar“.
  • release_date: Das Datum, an dem diese Browserversion veröffentlicht wurde, sofern verfügbar.
  • engine: Der Name der Engine für Browser, die von einem Baseline-Kernbrowser abgeleitet sind. Es sind nur Blink-basierte Browser enthalten, aber andere Browser-Engines können in Zukunft vertreten sein.
  • engine_version: Die Chromium-Version, die von dieser Browserversion implementiert wird. Damit wird bestimmt, welches Baseline-Feature-Set von der abgeleiteten Version unterstützt wird.

Diese Datei wird häufig aktualisiert, da neue Browserversionen veröffentlicht werden und sich der Unterstützungsstatus verschiedener Browser ändert. Aktualisieren Sie die Daten täglich.

Was ist, wenn ich keine Unterstützungsdaten von echten Nutzern habe?

Es kann vorkommen, dass Sie keine Nutzerdaten zu Funktionen erhalten, die als „Baseline“ gekennzeichnet sind. Sie können jedoch über RUM Archive Insights eine allgemeine Vorstellung der Unterstützung für verschiedene Baseline-Ziele erhalten und sogar nach Land filtern. Diese Daten sind zwar nicht spezifisch für die Nutzer Ihrer Website. Es ist ein allgemeines Informationstool, das zeigt, dass die folgenden Annahmen im Allgemeinen sicher sind:

  • Neuere Baseline-Ziele wie das aktuelle Jahr oder das Vorjahr werden wahrscheinlich am wenigsten von Ihren Nutzern unterstützt. Wie bei jedem Baseline-Ziel wird die Unterstützung jedoch mit der Zeit besser.
  • Ältere Baseline-Ziele, insbesondere „Baseline – Weitgehend verfügbar“, werden gut unterstützt. Im Zweifelsfall ist „Weitgehend verfügbar“ ein hervorragendes Ziel, das sich im Laufe der Zeit weiterentwickelt, wenn das 30-Monats-Fenster abläuft.
  • Noch ältere Baseline-Ziele, die weit über das 30-Monats-Fenster von „Weitgehend verfügbar“ hinausgehen, werden am besten unterstützt. „Weitgehend verfügbar“ ist zwar ein gutes Standardziel, aber es gibt spezielle Anwendungsfälle, die strenge SLAs erfordern.

Auch wenn Sie ein Baseline-Ziel auswählen, das älter als fünf Jahre ist, können Sie wahrscheinlich Funktionen übernehmen, die Sie derzeit nicht verwenden. Im besten Fall verwenden Sie diese Funktionen bereits, aber mit Polyfills, die Sie möglicherweise nicht benötigen.

Wie erzwinge ich ein ausgewähltes Baseline-Ziel in meinem Projekt?

Browserslist ist eine häufig verwendete Methode, um die Browser auszuwählen, die Sie unterstützen möchten. Es wird in Bundlern und anderen zugehörigen Tools wie Babel und PostCSS verwendet, um zu entscheiden, ob bestimmte Codeabschnitte transformiert oder sogar mit Polyfills versehen werden müssen.

Sie können jetzt Baseline mit Browserslist verwenden. Wenn Sie ein Baseline-Ziel auswählen, können Sie es als gültige Browserslist-Abfrage angeben. So wird sichergestellt, dass die Tools in Ihrem Projekt Code entsprechend dem ausgewählten Ziel transformieren. Weitere Informationen finden Sie unter Baseline mit Browserslist verwenden.

Was ist mit Funktionen, die mein Baseline-Ziel nicht erfüllen?

Nachdem Sie ein Baseline-Ziel ausgewählt haben, gibt es möglicherweise Funktionen, die Sie verwenden möchten, die aber nicht in dieses Ziel fallen. Baseline gibt Ihnen hier keine Empfehlungen. Ob Sie diese Funktionen verwenden möchten, hängt von der Art der Website ab, die Sie erstellen, und von der erwarteten Zielgruppe.

E-Commerce- oder B2B-Websites sind möglicherweise bereit, einen niedrigeren Unterstützungs-Schwellenwert zu akzeptieren und Probleme zu beheben, wenn ihre Nutzer sie unterstützen. Für Websites von Behörden ist möglicherweise ein hoher Unterstützungs-Schwellenwert erforderlich. Eine wichtige Faustregel ist, dass nicht alle Webfunktionen auf dieselbe Weise fehlschlagen. Es gibt viele Möglichkeiten, Funktionen nach ihrem Fehlerverhalten zu kategorisieren. Eine Möglichkeit, Funktionen zu gruppieren, die nützlich sein könnte, sieht so aus:

  • Verbesserung:Wenn die Funktion in einem nicht unterstützten Browser verwendet wird, ist die Nutzererfahrung nicht beeinträchtigt. Die Nutzererfahrung kann möglicherweise beeinträchtigt sein, aber das ist für den Nutzer wahrscheinlich nicht spürbar. Beispiel: loading="lazy".
  • Zusätzlich:Die Funktion bietet einige zusätzliche Vorteile, die möglicherweise spürbar sind, z. B. Änderungen am Seitenstil oder an der Funktionalität. Der Unterschied ist für Nutzer möglicherweise nicht spürbar, wenn die Funktion nicht unterstützt wird, es sei denn, sie wird in einem Browser verglichen, der sie unterstützt. Beispiel: Subgrid
  • Kritisch:Wenn die Funktion nicht unterstützt wird, ist die Nutzererfahrung negativ. Möglicherweise ist sie sogar völlig beeinträchtigt. Beispiel: File System Access API als zentrale und notwendige Funktion.

Möglicherweise stellen Sie auch fest, dass bestimmte Funktionen außerhalb Ihres Ziels besser unterstützt werden, als Sie denken. Sie können sehen, wie viele Ihrer Nutzer eine bestimmte Funktion unterstützen. Mit „Can I Use“ können Sie die Unterstützung für einzelne Funktionen anhand Ihrer Analytics-Daten prüfen. RUMvision bietet auch die Möglichkeit, Daten auf Funktionsebene zu analysieren und zu untersuchen, wenn das für Sie hilfreich ist.

So können Sie mit Ihrem Baseline-Ziel die Anzahl der Funktionen reduzieren, die Sie sorgfältig prüfen müssen. Alles innerhalb Ihres Ziels müssen Sie nicht berücksichtigen. Wenn es eine oder zwei Funktionen außerhalb Ihres Ziels gibt, die besonders nützlich wären, haben Sie die Tools, um sie genauer zu untersuchen und zu entscheiden, ob Sie Polyfills verwenden oder sie als progressive Verbesserung einsetzen möchten.

Fazit

Jede Webanwendung hat unterschiedliche Anforderungen – von einer E-Commerce-Website, die mehr Kompatibilitätsprobleme tolerieren kann, bis hin zu einer Website einer Behörde, die für möglichst viele Nutzer verfügbar und funktionsfähig sein muss. Diese Berechnungen müssen Sie selbst durchführen. Es ist nicht das Ziel von Baseline, Ihnen zu sagen, welche Entscheidungen Sie bei der Einführung neuer Webfunktionen treffen sollen, sondern wie Sie vorgehen sollen.