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:

  1. Installa Lighthouse:
npm install -g lighthouse
  1. 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.

  1. Utilizzare il flag --budget-path per eseguire Lighthouse:
lighthouse https://example.com --budget-path=./budget.json
  1. Controllare i risultati:

resource

Condividi questa Guida.

Ti è piaciuta? Condividila!

Share it!

Web tools per sviluppatori moderni. Provali!

Generatori, builder e validatori per migliorare le tue performance di ottimizzazione SEO e web

Home Back to top of the page