Latenza di richiesta di download del documento

Adam Raine
Adam Raine
GitHub

Data di pubblicazione: 27 marzo 2025

La richiesta iniziale del documento per la pagina è la più importante perché tutte le richieste di rete e i contenuti della pagina dipendono da questa. L'ottimizzazione della richiesta iniziale del documento migliora le prestazioni.

Cosa controlla l'approfondimento

L'approfondimento verifica se una delle seguenti condizioni ha influito sulla richiesta iniziale del documento:

  • La richiesta di navigazione è stata reindirizzata una o più volte.
  • Il server ha impiegato più di 600 ms per rispondere alla richiesta.
  • La risposta è stata decompressa.
DevTools segnala che la latenza del documento può essere ridotta eliminando i reindirizzamenti
DevTools segnala che la latenza del documento può essere ridotta eliminando i reindirizzamenti

Evita i reindirizzamenti

I reindirizzamenti rallentano la velocità di caricamento della pagina. Quando un browser richiede una risorsa reindirizzata, il server di solito restituisce una risposta HTTP come questa:

HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location

Il browser deve quindi effettuare un'altra richiesta HTTP nella nuova posizione per recuperare la risorsa. Questo viaggio aggiuntivo nella rete può ritardare il caricamento della risorsa.

Assicurati che i link rimandino alla posizione attuale di una risorsa. Se utilizzi reindirizzamenti per indirizzare gli utenti di dispositivi mobili alla versione mobile della tua pagina, valuta la possibilità di riprogettare il tuo sito in modo che utilizzi il responsive design.

Riduci i tempi di risposta del server

Il primo passo per migliorare i tempi di risposta del server consiste nell'identificare le attività concettuali principali che il server deve completare per restituire i contenuti della pagina e poi misurare la durata di ciascuna di queste attività. Una volta identificate le attività più lunghe, trova modi per velocizzarle.

Esistono molte cause possibili di risposte lente del server e molti modi possibili per migliorare:

  • Ottimizza la logica dell'applicazione del server per preparare più rapidamente le pagine. Se utilizzi un framework server, quest'ultimo potrebbe fornire consigli su come farlo.
  • Ottimizza il modo in cui il server esegue query sui database o esegui la migrazione a sistemi di database più veloci.
  • Esegui l'upgrade dell'hardware del server per avere più memoria o CPU.
  • Utilizza una CDN per ridurre la latenza di rete. Ciò è particolarmente efficace se il documento può essere memorizzato nella cache nel nodo edge della CDN.

Per saperne di più, consulta la guida Ottimizzare il TTFB.

Abilita la compressione

La compressione del testo può ridurre le dimensioni complessive del documento HTML iniziale. Quando un browser richiede una risorsa, utilizza l'intestazione della richiesta HTTP Accept-Encoding per indicare gli algoritmi di compressione supportati.

Accept-Encoding: gzip, compress, br, zstd

Vedi anche Ottimizzare la codifica e le dimensioni del trasferimento degli asset basati su testo.

Il server deve restituire l'intestazione della risposta HTTP Content-Encoding per indicare l'algoritmo di compressione utilizzato.

DevTools segnala che la richiesta del documento utilizza la compressione gzip
DevTools segnala che la richiesta di documento utilizza la compressione gzip

Indicazioni specifiche per lo stack

Questo approfondimento offre anche indicazioni specifiche per gli stack per le pagine che utilizzano le seguenti tecnologie:

WordPress

  • Attiva la compressione del testo nella configurazione del server web.
  • Scegli un tema leggero (idealmente un tema a blocchi) e implementa la memorizzazione nella cache a livello di pagina o una soluzione per siti statici. Disattiva i plug-in non necessari per ridurre al minimo l'overhead del server.
  • Valuta la possibilità di eseguire l'upgrade dell'hosting a un servizio gestito o dedicato.

Drupal

  • Se è installato il modulo Reindirizza, esamina e rimuovi i reindirizzamenti non necessari.
  • Trasferisci il traffico con uno o più moduli di memorizzazione nella cache Drupal, come Internal Page Cache, Internal Dynamic Page Cache e BigPipe. Abbinali a una CDN per migliorare ulteriormente il tempo di risposta. I server hosting dovrebbero usare la memorizzazione nella OPcache PHP.
  • Valuta la possibilità di utilizzare servizi di memorizzazione nella cache, come Redis o Memcached, per ridurre i tempi di query del database.
  • Utilizza temi e moduli ad alte prestazioni e server più veloci per ridurre il tempo di risposta del server.

React

  • Se usi React Router, riduci al minimo l'utilizzo del componente <Redirect> per la navigazione tra route.
  • Se usi il rendering lato server per i componenti React, potresti usare renderToNodeStream() o renderToStaticNodeStream() per consentire al client di ricevere e compilare parti diverse del markup anziché tutto il markup contemporaneamente.

Joomla

  • Attiva l'impostazione di compressione Gzip della pagina (System > Global configuration > Server).
  • Le specifiche del server, i modelli e le estensioni contribuiscono al tempo di risposta del server. Potresti usare un modello più ottimizzato, selezionando con cura un'estensione per l'ottimizzazione e/o eseguendo l'upgrade del server.

Magento

Risorse