Performance Budget

Lighthouse aiuta a mantenere le dimensioni e la quantità di richieste di rete al di sotto di quanto programmato.

Speed performance

Bilancio delle prestazioni con Lighthouse

Una volta fissati gli obiettivi di budget per le prestazioni, dovete sempre assicurarvi di mantenere le dimensioni e la quantità di richieste di rete al di sotto di tali obiettivi.

Lighthouse può aiutarvi grazie alla sua funzione chiamata LightWallet.

Come posso installare Lighthouse e creare un budget?

Per installare Lighthouse è sufficiente eseguire questo codice:

npm install -g lighthouse

Una volta fatto ciò, creare un file JSON chiamato budget.json e aggiungere il seguente codice:

[
  {
    "path": "/*",
    "timings": [
      {
        "metric": "interactive",
        "budget": 3000
      },
      {
        "metric": "first-meaningful-paint",
        "budget": 1000
      }
    ],
    "resourceSizes": [
      {
        "resourceType": "script",
        "budget": 125
      },
      {
        "resourceType": "total",
        "budget": 300
      }
    ],
    "resourceCounts": [
      {
        "resourceType": "third-party",
        "budget": 10
      }
    ]
  }
]

Infine, eseguire il codice con il flag --budget-path, che indica a Lighthouse la posizione del file.

lighthouse https://example.com --budget-path=./budget.json

Come posso vedere il report in SeoChecker?

Dopo aver fatto ciò, si può vedere la revisione di SeoChecker per controllare vari campi, come ad esempio:

• Tipo di risorsa
• Richieste
• Dimensione del trasferimento
• Superamento del budget