Scopri in che modo caricare più rapidamente le risorse di terze parti può aumentare le entrate.
Questo case study mette in evidenza in che modo il miglioramento del rendimento delle risorse di terze parti può aumentare le metriche aziendali. Mentre uno studio precedente ha misurato il costo della latenza aggiuntiva degli annunci, questo studio dimostra il valore di un miglioramento del rendimento reale:
0,5%
Incremento delle entrate per i publisher
Il 2%
Aumento dei primi caricamenti dello script degli annunci
Fonte: dati interni di Google, da giugno a luglio 2019.
Sfondo
Il Tag publisher di Google (GPT) è lo script di tagging degli annunci per Google Ad Manager che richiede ed esegue il rendering degli annunci display sul web. Grazie all'implementazione di una semplice intestazione HTTP stale-while-revalidate
per GPT, il team di GPT è stato in grado di migliorare la velocità e il rendimento degli annunci display di Google per i suoi publisher partner. Questa stessa tecnica può essere applicata a qualsiasi altro scenario in cui il caricamento degli script il più rapidamente possibile è più importante del caricamento del codice più recente.
Il problema
GPT viene implementato come script di bootstrap, gpt.js
, a cui viene assegnato un breve TTL (time to live) di 15 minuti. Questo TTL breve consente di aggiornare o eseguire il rollback dello script rapidamente. Una volta caricato, gpt.js
richiede e carica script di implementazione aggiuntivi, che hanno un TTL più lungo.
Una volta scaduto il TTL di 15 minuti, la versione di gpt.js
in cache diventa obsoleta e deve essere convalidata di nuovo. In precedenza, questo processo di riconvalida prevedeva l'esecuzione di una richiesta di rete sincrona per recuperare una nuova copia dello script, aggiungendo latenza alla prima richiesta di annuncio.
Soluzione
L'attributo stale-while-revalidate
viene utilizzato dall'intestazione Cache-Control
e definisce un intervallo di tempo aggiuntivo durante il quale una cache può utilizzare un asset non aggiornato mentre l'asset viene convalidato nuovamente in modo asincrono. In questo modo, gli sviluppatori possono trovare il giusto equilibrio tra immediatezza (caricamento immediato dei contenuti memorizzati nella cache) e aggiornamento (garanzia che gli aggiornamenti dei contenuti memorizzati nella cache vengano utilizzati in futuro).
Case study sugli annunci display di Google
Nel 2016 il team GPT ha aggiunto questa intestazione Cache-Control
nella risposta HTTP gpt.js
, in previsione dell'implementazione di stale-while-revalidate
da parte dei browser:
cache-control: private, max-age=900, stale-while-revalidate=3600
Questa impostazione indica che se gpt.js
viene richiesto tra 15 e 60 minuti dopo il valore precedente memorizzato nella cache, verrà utilizzato il valore memorizzato nella cache per soddisfare la richiesta anche se non è aggiornato. Allo stesso tempo, in background verrà effettuata una richiesta di convalida per compilare la cache con un valore aggiornato da utilizzare in futuro.
Chrome ha implementato stale-while-revalidate
nella versione 75 per il 99% di tutto il traffico, lasciando temporaneamente disattivata la funzionalità per l'1% del traffico per misurarne l'impatto. Il team GPT ha registrato le metriche di questo 1% (il gruppo sperimentale) e di un campione dello 1% di traffico con la funzionalità attivata (il gruppo di controllo) per testare l'efficacia di stale-while-revalidate
per gli script degli annunci. Nel corso di due settimane di metriche registrate su un campione di 5,2 miliardi di impressioni degli annunci display di Google, il gruppo di controllo ha osservato:
- Aumento dello 0,3% delle impressioni degli annunci.
- aumento delle entrate dello 0,5%.
- Aumento del 2% dei caricamenti iniziali degli script degli annunci (<500 ms dall'inizio del caricamento della pagina).
- Aumento dell'1,1% dei caricamenti dello script dell'annuncio riuscito.
Come mostrato nel grafico riportato sopra, i risultati di questo esperimento possono essere attribuiti a un aumento dei caricamenti dello script degli annunci andati a buon fine, in gran parte all'inizio del processo di caricamento della pagina.
Implementazione di stale-while-revalidate sul tuo sito
Il team GPT ha riscontrato che apportare una modifica relativamente semplice agli header HTTP con stale-while-revalidate
può migliorare la velocità e aumentare le metriche aziendali. Per scoprire di più sull'implementazione di stale-while-revalidate
sul tuo sito, consulta il post Mantenere aggiornati i contenuti con stale-while-revalidate.