I payload di rete di grandi dimensioni sono strettamente correlati a lunghi tempi di caricamento. Inoltre, costano agli utenti; ad esempio, potrebbero dover pagare per avere più dati di rete mobile. Pertanto, ridurre le dimensioni totali delle richieste di rete della tua pagina è positivo per l'esperienza degli utenti sul tuo sito e per i loro portafogli.
Come non va a buon fine il controllo del payload di rete di Lighthouse
Lighthouse mostra le dimensioni totali in kibibyte (KiB) di tutte le risorse richieste dalla tua pagina. Le richieste più grandi vengono presentate per prime:
In base ai dati dell'archivio HTTP, il carico della rete mediano è compreso tra 1700 e 1900 KiB. Per evidenziare i payload più elevati, Lighthouse segnala le pagine le cui richieste di rete totali superano i 5000 KiB.
Come ridurre le dimensioni del payload
Cerca di mantenere la dimensione totale in byte al di sotto di 1600 KiB. Questo target si basa sulla quantità di dati che può essere scaricata in teoria su una connessione 3G mantenendo un tempo di risposta di massimo 10 secondi.
Ecco alcuni modi per contenere le dimensioni del payload:
- Rimanda le richieste finché non sono necessarie. Consulta il pattern PRPL per un possibile approccio.
- Ottimizza le richieste in modo che siano il più piccole possibile. Ecco alcune tecniche possibili:
- Memorizza nella cache le richieste in modo che la pagina non scarichi di nuovo le risorse durante le visite ripetute. (Visita la pagina di destinazione sull'affidabilità della rete per scoprire come funziona la memorizzazione nella cache e come implementarla.)
Indicazioni specifiche per lo stack
Angular
Applica la suddivisione del codice a livello di route per ridurre al minimo le dimensioni dei bundle JavaScript. Potresti anche memorizzare anticipatamente nella cache gli asset con il service worker Angular.
Drupal
Valuta la possibilità di utilizzare gli stili di immagini adattabili per ridurre le dimensioni delle immagini caricate nella pagina. Se utilizzi Views per mostrare più elementi di contenuto in una pagina, ti consigliamo di implementare l'impaginazione per limitare il numero di elementi di contenuto mostrati in una determinata pagina.
Joomla
Potresti mostrare degli estratti nelle categorie dei tuoi articoli (una soluzione molto utilizzata è un link "Scopri di più"), ridurre il numero di articoli che vengono mostrati su una determinata pagina, suddividere i post più lunghi in più pagine o utilizzare un plug-in per il caricamento lento dei commenti.
WordPress
Valuta la possibilità di mostrare degli estratti nell'elenco dei tuoi post (puoi utilizzare il tag "more"), riducendo il numero di post visualizzati su una determinata pagina, suddividendo i tuoi post lunghi in più pagine o utilizzando un plug-in per il caricamento lento dei commenti.