adobe / helix-website

The Helix website https://www.aem.live/
https://www.aem.live
Apache License 2.0
25 stars 40 forks source link

feat(oversight): show that iOS CWVs are fake #643

Closed trieloff closed 3 weeks ago

trieloff commented 3 weeks ago

As of 2024, CWV readings with iOS user agents are coming from non-iOS browsers that falsify their user agent string. This can include Chrome when using devtools and simulating a mobile viewport. Apple does not allow custom rendering engines in most of the world, and in the EU, where it does allow custom rendering engines, no browser vendor ships a browser with a non-WebKit engine, so that all actual iOS browsers are just WebKit in disguise. Webkit does not implement key APIs required for measurement of Core Web Vitals, effectively rendering all CWVs readings that claim to apply to iOS suspect.

This PR addresses this by reducing the visual contrast of the CWV pills for the user agent iOS only.

Screenshot 2024-09-09 at 09 55 18
aem-code-sync[bot] commented 3 weeks ago

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed. In case there are problems, just click a checkbox below to rerun the respective action.

Commits * [9e03e56](https://github.com/adobe/helix-website/commit/9e03e56a15257fd65cd3252238dbf227eb27a6e0) :white_check_mark: (latest)