Evitare di concatenare le richieste fondamentali

Le catene di richieste critiche sono serie di richieste di rete dipendenti importanti per il rendering delle pagine. Maggiore è la lunghezza delle catene e maggiori sono le dimensioni di download, maggiore sarà l'impatto sulle prestazioni di caricamento delle pagine.

Lighthouse segnala le richieste critiche caricate con priorità elevata:

Uno screenshot del controllo di Lighthouse Riduci al minimo la profondità delle richieste critiche

In che modo Lighthouse identifica le catene di richieste critiche

Lighthouse utilizza la priorità di rete come proxy per identificare le risorse critiche che bloccano la visualizzazione. Per ulteriori informazioni su come Chrome definisce queste priorità, consulta Priorità e pianificazione delle risorse di Chrome.

I dati su catene di richieste critiche, dimensioni delle risorse e tempo dedicato al download delle risorse vengono estratti dal protocollo di debug remoto di Chrome.

Come ridurre l'effetto di catene di richieste critiche sulle prestazioni

Utilizza i risultati del controllo delle catene di richieste critiche per scegliere come target le risorse che hanno l'impatto maggiore sul caricamento della pagina per prime:

  • Riduci al minimo il numero di risorse critiche: eliminale, posticipa il download, contrassegnale come async e così via.
  • Ottimizza il numero di byte critici per ridurre il tempo di download (numero di round trip).
  • Ottimizza l'ordine in cui vengono caricate le risorse critiche rimanenti: scarica tutti gli asset critici il prima possibile per ridurre la lunghezza del percorso critico.

Scopri di più sull'ottimizzazione di immagini, JavaScript, CSS e caratteri web.

Indicazioni specifiche per lo stack

Magento

Se non crei bundle per gli asset JavaScript, ti consigliamo di utilizzare baler.

Risorse

Codice sorgente per il controllo Riduci al minimo la profondità delle richieste critiche