How to generate both desktop and mobile reports?

[abcfy2]

It seems that the default report is only for mobile. How to generate both desktop and mobile report ? Just like page speed insights https://developers.google.com/speed/pagespeed/insights/?

[bryzgaloff]

Hi @abcfy2, you may set emulatedFormFactor setting of collect stage. Means this way:

• Workflow file (only part related to setting a config file):

jobs:
  lighthouse:
    steps:
      - uses: treosh/lighthouse-ci-action@v7
        with:
          configPath: '.github/configs/lighthouserc.yml'

• Config file (only part related to that setting):

ci:
  collect:
    settings:
      emulatedFormFactor: desktop

Docs on settings: https://github.com/GoogleChrome/lighthouse/blob/575e29b8b6634bfb280bc820efea6795f3dd9017/types/externs.d.ts#L164-L165

[abcfy2]

Did you mean I have to create 2 steps with different configPath to create desktop and mobile reports separately?

[bryzgaloff]

If you need reports for both form-factors, then yes, two separate steps with two separate configs. Lighthouse itself allows only one value to be set in the config.

[abcfy2]

Oh I know, thank you.

[diimpp]

While this feature still not supported GoogleChrome/lighthouse-ci#138 properly,
we can just make lhci cli to run twice with both mobile and desktop, for example as suggested at GoogleChrome/lighthouse-ci#138 (comment)

This action seems like a good place to handle this.