Lighthouse Gitlab CLI Config

.gitlab-ci.yml

lhci:
  image: cypress/browsers:node16.5.0-chrome94-ff93
  script:
    - npm ci
    - npm run build
    - npm install -g @lhci/cli@0.8.x
    - lhci autorun --upload.target=temporary-public-storage --collect.staticDistDir="./projects/hola-magazine/.next" --collect.settings.chromeFlags="--no-sandbox" || echo "LHCI failed!"

budget.json

[
    {
        "path": "/*",
        "timings": [
            {
                "metric": "interactive",
                "budget": 5000
            },
            {
                "metric": "largest-contentful-paint",
                "budget": 2500
            },
            {
                "metric": "cumulative-layout-shift",
                "budget": 100
            }
        ]
    }
] 

lighthouserc.js

module.exports = {
	ci: {
		upload: {
			target: 'temporary-public-storage',
		},
		assert: {
			preset: 'lighthouse:recommended',
		},
	},
};