GoogleChrome / GoogleChrome/lighthouse
Lighthouse not displaying client-side rendered content on mobile version
- Dominant language
- JavaScript
- Stars
- 30.8k
- Forks
- 9.8k
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 20
Description
#### Provide the steps to reproduce
Run LH or PSI on https://mobexpert.ro/collections/canapele-extensibile (or any other /collections/ page). These are Shopify product category pages that use client-side JS rendering to retrieve a list of products via a third-party service.
#### What is the current behavior?
Both LH and PSI correctly render the desktop version of the page, but fail to render render the list of products for the mobile version. Here's the PSI screenshot:

As such, metrics such as LCP are calculated incorrectly.
#### What is the expected behavior?
Correctly render the list of products for the mobile version. The Google Mobile-Friendly Test and the Search Console live test render the page correctly. Here's the MFT screenshot:

#### Environment Information
* Affected Channels: Chrome LH, PSI
* Chrome version: 89.0.4389.90 (Official Build) (64-bit) (cohort: Stable)
* Operating System: Windows 10 OS Version 2009 (Build 19042.867)
Contributor guide
Assessment
This issue has not been assessed yet.