Browser Support Matrix 2023
In jedem Projekt stellt sich die Frage, für welche Browser die Website in welchem Ausmaß optimiert werden soll. Hier ist unsere Antwort im Herbst 2023.
Eine Browser Support Matrix ist eine Festlegung, für welche Versionen welcher Web-Browser die Funktionsfähigkeit einer Website oder Webanwendung in welchem Umfang gewährleistet werden soll. Dies geschieht meist in Form einer Tabelle, daher der Name Matrix.
Wenn sehr alte Browser vollumfänglich unterstützt werden sollen, macht das die Weiterentwicklung sehr aufwändig und verhindert die Nutzung neuer Möglichkeiten. Auf der anderen Seite besteht bei der Definition einer solchen (Browser) Support Matrix besteht immer die Gefahr, dass ältere und nicht unterstützte Kombinationen von Geräten, Betriebssystemen und Browsern überhaupt keinen Zugriff auf Inhalte mehr bekommen. Da wir überzeugt davon sind, dass zumindest die Kerninformationen und -funktionen allen Besucher*innen zur Verfügung stehen sollten, stellen wir eine rein funktionale und gestalterisch reduzierte Version der Website für alle Browser bereit.
Technisch folgen wir den Grundprinzipien des Progressive Enhancement und setzen diese mit einer Variante von Yahoo's Graded Browser support um. Unsere Browser Support Matrix teilt demnach Browser nach Version in eine von zwei Stufen ein:
Functional ist unsere universelle Unterstützungsstufe. Wir stellen allen Browsern auf dieser Stufe serverseitig gerendertes semantisches HTML sowie minimales CSS und JavaScript zur Verfügung. Wesentliche Funktionen und Inhalte müssen auf dieser Stufe zugänglich sein.
Enhanced ist unsere Unterstützungsstufe für moderne und/oder Evergreen-Browser. Sie ist so angelegt, dass sie immer auf die große Mehrheit aller Besucher*innen zutrifft (mind. 95%). Zusätzlich zur Kernfunktionalität stellen wir diesen Browsern JavaScript und fortgeschritteneres CSS zur Verfügung, um ihnen ein interaktiveres und visuell ansprechendes Besuchserlebnis zu bieten.
Zur detaillierten Erstellung einer Browser Support Matrix gibt es nach unserer Ansicht keine sinnvollen Branchenstandards, da die tatsächlich verwendeten Browser stark vom Zielpublikum, Markt etc. der einzelnen Website abhängen:
- Manche Angebote werden eher von jüngeren Besuchern genutzt, andere von älteren
- Der Grad der Technikaffinität der Besucher unterscheidet sich
- Je nach Website gibt es unterschiedliche Nutzungspräferenzen (Desktop vs. Tablet vs. Smartphone, …).
Unser Vorgehen ist es daher, die Anforderungen basierend auf den Statistiken der konkreten Website festzulegen, um die es geht – oder einer oder mehrerer möglichst gut vergleichbaren mit ähnlicher Zielgruppe.
Im Sommer 2023 nutzen wir als Grundlage einer kunden- und website-spezifischen Matrix die folgende Tabelle:
| Browser | Enhanced | Functional |
|---|---|---|
| Chrome | 108+ | < 108 |
| Edge | 108+ | < 108 |
| Firefox | 102+ | < 102 |
| Opera | 62+ | < 62 |
| Safari iOS | 13+ | < 13 |
| Safari MacOS | 13.1+ | < 13.1 |
| Internet Explorer | N/A | alle |
Um Erkenntnisse aus website-spezifischen Nutzungsstatistiken erweitert führt unsere Arbeitsweise dazu, dass wir selbst in 2023 noch eine Website betreuen, für die wir den Internet Explorer 11 in der "Enhanced"-Kategorie unterstützen – allerdings beobachten wir auch hier in den Statistiken seit 2021 einen deutlichen Rückgang der Nutzungsanteile und werden den aktiven Support zum Jahresende auslaufen lassen. Kein Wunder, denn Microsoft hat den Internet Explorer am 15.06.2022 offiziell in Rente geschickt und entfernt seitdem automatisch alle installierten Versionen bei Windows-Updates.