Baseline
Baseline - a web platform features initiative maintained by all major browser vendors - helps you see at a glance which features and APIs are safe to use on the web. Through RUMvision's Baseline integration, we enhance this data by showing you which features are safe based on your actual audience data.
And combining Baseline information with browser data from your real visitors, you don't need to solely rely on general browser support tables. Instead, you'll see real support percentages when combined with your visitors' browsers. Every feature gets a clear recommendation on top of its Baseline status, from Ready to ship! to Proceed with caution, helping you balance innovation with user experience.
Summary
When visiting our Baseline module for the first time, hasn't been pre-aggregated yet. A process will start doing that at that moment, where your RUM data will be matched with Baseline data of all 980 (and counting) features.
You can choose to stick around or come back a few minutes later to that same page as data of multiple months should be done aggregating by then.
Once aggregated, you will find a summary on this section within the Baseline module. There's an example below, depicting the summary of just the Baseline 2024 status.
Clicking on the links within each summary will directly bring you to the related features. This summary also shows you by how much the support has grown (or deteriorated) compared to the previous month.
Included browsers and users
As only a limited set of browsers are included, we are mapping browsers on specific operating systems with Baseline browser characteristics. This prevents Google Chrome visits on iOS or macOS from ending up in the Google Chrome data.
We include all users, but only unique sessions instead of all pageviews. This way, we prevent a single session with many pageviews from skewing your data. As a result, browser data for a single feature will initially look to be different when trying to align it with browser information in technical dashboard panel of your website.
Features
RUMvision's Baseline module combines comprehensive feature tracking with real user data to provide actionable insights. Here's what you'll find:
Feature overview
The Baseline dashboard displays all features from web-platform-dx, showing each feature's name, description, tags, and Baseline status. Each feature's status is indicated by a distinct logo and color, as shown below:
The overview also displays feature coverage across your visitors for your selected date range.
Search and filter options
The dashboard offers several ways to find and organize features in your overview:
- Search bar
Find features by name, description, or tags - Sorting
Adjecent to the search bar, use the dropdown to order results alphabetically, by baseline date, or audience coverage (ascending/descending) - Baseline status
Options are all baselines, Baseline 2023, Baseline 2024, Widely available - Category
Group features (e.g., "positioning" for absolute-positioning) - Daterange
Analyze feature support trends across your audience using different dateranges
Screenshot of filtering-options:
The date picker helps track coverage of feature support improvements across your audience, helping site owners determine optimal timing to start adopting or implementing specific features on their site.
Details
Clicking any feature opens a color-coded modal with detailed information. Modal colors correspond to feature status:
- Widely available
- Baseline 2023/2024
- Limited availability
- Discouraged
Each modal contains 4 panels:
Baseline panel
This panel will show the most important information directly related to the feature, including its Baseline status. An example of this panel for a widely available feature can be seen in the following screenshot:
Any other information will be shown as well, for example:
- Chrome Platform Status information (summary and motivation) when this data is available.
- background information and alternative features (if any) when using a feature is discouraged.
An example of a discouraged web feature can be seen in the following screenshot:
Additionally, this panel will contain other meta information, including the earliest date of full browser support for that feature (if any) and (again) the baseline bar.
Browser support
In the Browser Support panel, RUMvision combines the browser version information from Baseline datasets with the RUM data of your website. This results in:
- a device type toggle to toggle between mobile and desktop
- a support table with months as rows, where the most recent month will be at the top
- the amount of visitors per browser that is already browsing your website on that very version
- an overall support score.
As the latter is an important value to conclude what the overall support/coverage rate is, this is emphasized in a stronger color so that it directly catches the eye. This is the same score that we communicate within your full feature listing. This can be seen in the following screenshot:
With all this information, site owners are able to make an educated guess per feature whether:
- they are safe to use a feature on their site;
- should provide backwards compatibility for visitors still using older versions;
- or consider a feature as progressive enhancement (for example in the case of resource hints or the fetchpriority HTML attribute)
Docs panel
In this panel, you'll find links to official resources related to the feature of your choice. An example can be found below:
You'll typically find links to the following websites:
- MDN
Comprehensive web documentation at developer.mozilla.org, for example fetchPriority. - Web Status (webstatus.dev)
Browser implementation tracking at webstatus.dev, for example fetchPriority. - Can I Use
Browser support tables at caniuse.com, for example fetchPriority. - W3 spec (varying domains)
Official web standards documentation, for example fetchPriority
Additionally, we will show (historic) bug information if available as well as release information per browser (if available).
Bookmark panel
Features can be bookmarked. This can be achieved by picking an existing or creating a new bookmark list. This option can be found within the feature's panel or when clicking on the bookmark icon at the top right of each feature item in the full listing. The latter skips an extra step.
Within this bookmark widget, you can search for an existing list. When no list is found, you can easily create a new one using the value you entered in the bookmark search bar.
Categorizing features can help you and your colleagues to work on web features, keeping track of them and evaluating its browser support based on your real users in an organized way.