Resource
Verifica il budget per la quantità e la dimensione delle risorse di pagina.
Speed performance
Tieni basso il numero di richieste
Grazie a SeoChecker è possibile controllare il budget per la quantità e la dimensione delle risorse della pagina.
Per gestirlo, però, è necessario installare e impostare Lighthouse.
Ecco la procedura:
- Installa Lighthouse:
npm install -g lighthouse
- Creare un file e chiamarlo budget.json, con questo JSON:
[
{
"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
}
]
}
]
In questo file si possono notare cinque bilanci separati, suddivisi per TTI, FMP, JavaScript, la dimensione complessiva della pagina e per le richieste effettuate a origini terze.
- Utilizzare il flag --budget-path per eseguire Lighthouse:
lighthouse https://example.com --budget-path=./budget.json
- Controllare i risultati:
