GoogleChrome / GoogleChrome/lighthouse

CSSUsage not finding all stylesheet content

Open
#8,493 13 comments 6 reactions 0 assignees View on GitHub
bug P3 upstream-action-required
Dominant language
JavaScript
Stars
30.8k
Forks
9.8k
Avg merge
1d 14h
Merged PRs (30d)
20

Description

Split out from https://github.com/GoogleChrome/lighthouse/issues/6628#issuecomment-485275120

#### Provide the steps to reproduce
1. Run LH on https://5cbc80f7b4528a0008a0dbad--lebikini.netlify.com/

#### What is the current behavior?

LH reports that the fonts don't have font-display properties. The CSSUsage artifact does not contain the content of any of the stylesheets.

#### What is the expected behavior?

LH does not report the fonts are missing `font-display`, and the CSSUsage artifact contains the content of the stylesheets.

#### Environment Information
* Affected Channels: CLI
* Lighthouse version: v4.3.0, v5.0.0

Contributor guide

Open the contributing guide

Research direction

Reproduce the CLI report for https://5cbc80f7b4528a0008a0dbad--lebikini.netlify.com/ and inspect the CSSUsage artifact, which is reported to omit all stylesheet content. Confirm the current font-display audit output and trace how the artifact is populated. Done means the stylesheet content is present and Lighthouse no longer reports missing font-display properties for this page.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
performance, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.