Skip to content

Adding mobile Lighthouse CI coverage alongside desktop preset #6498

@Sidharthwin

Description

@Sidharthwin

Current Behavior

The current Lighthouse CI configuration (lighthouserc.js) is set to use only the "desktop" preset.

This means performance, accessibility, and best practices are evaluated only under desktop conditions, and mobile performance is not tested in CI.


Desired Behavior

Lighthouse CI should run audits for both:

  • Desktop (existing)
  • Mobile (new)

This ensures that performance and accessibility are validated under real-world mobile conditions, which are critical for end users.


Implementation

  • Update lighthouserc.js to include a mobile configuration .

  • Configure Lighthouse CI to run audits for both desktop and mobile presets (either sequentially or as separate runs).

  • Ensure CI workflow supports both configurations without conflicts.

  • Adjust thresholds if necessary, since mobile scores may differ from desktop.


Acceptance Tests

  • Lighthouse CI runs successfully for both:
  • Desktop preset
  • Mobile preset
  • CI pipeline passes without errors.
  • Reports include mobile performance metrics.
  • No regression in existing desktop audit results.

Checklist

  • I have read and followed the project's code of conduct.
  • I have searched for similar issues before creating this one.
  • I have provided all the necessary information to understand and reproduce the issue.
  • I am willing to contribute to the resolution of this issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions