Comment Google a amélioré les performances de ses annonces avec obsolète pendant la revalidation

Este estudio de caso destaca cómo la mejora del rendimiento de los recursos de terceros puede promover las métricas comerciales. Aunque un estudio anterior midió el costo de la latencia de anuncios agregados, este estudio demuestra el valor de una mejora del rendimiento en el mundo real:

Fuente: Datos internos de Google, junio a julio de 2019.

Antécédents

Les Google Publisher Tag (GPT) es la secuencia de comandos de etiquetado de anuncios para Google Ad Manager que solicita y muestra anuncios gráficos en la la toile. Implementando un simple vicié en revalidant Encabezado HTTP para GPT, el equipo de GPT pudo mejorar la velocidad y el rendimiento de los anuncios gráficos de Google para sus socios editores. Esta misma técnica se puede aplicar a cualquier otro escenario donde cargar scripts lo más rápido viable es más importante que cargar el código más actualizado.

Le problème

GPT est implémenté en tant que script de démarrage, gpt.js, que tiene un tiempo de vida corto (TTL) de 15 minutos. Este breve TTL posibilita que el script se actualice o deshaga rápidamente. Una vez cargado, gpt.js solicita y carga scripts de implementación adicionales, que disponen un TTL más largo.

Après l'expiration du TTL de 15 minutes, la version de gpt.js au cache se torna obsoleto y requiere ser revalidado. Previamente, este procedimiento de revalidación implicaba realizar una solicitud de red síncrona para conseguir una copia nueva de la secuencia de comandos, lo que agrega latencia a la primera solicitud de anuncio.

La respuesta

Les vicié en revalidant le attribut es utilizado por el Contrôle du cache encabezado y establece una ventana de tiempo adicional durante la cual un caché puede utilizar un activo obsoleto mientras el activo se revalida de forma asincrónica. Esto ayuda a los desarrolladores a equilibrar la inmediatez:mise en charge Contenu en caché de inmediato—Et de la fraîcheur—asegurar que las actualizaciones del contenido en caché se utilicen en el futuro.

Étude de cas Google Display Ads

L'équipe GPT a ajouté ceci Contrôle du cache en tête dans le gpt.js Respuesta HTTP en 2016, en previsión de que los navigateurs implementen vicié en revalidant:

cache-control: privé, max-age = 900, stale-while-revalidate = 3600

Ce paramètre signifie que si gpt.js se solicita entre 15 y 60 minutos luego del valor almacenado en caché anterior, entonces el valor almacenado en caché se utilizará para cumplir con la solicitud aún cuando esté obsoleta. A la vez, se realizará una solicitud de revalidación en segundo plano para llenar el caché con un valor nuevo para uso futuro.

Chrome est sorti vicié en revalidant en la versión del 75 al 99% de todo el circulation, dejando el 1% del tráfico con la función desactivada temporalmente para medir su impacto. El equipo de GPT registró métricas de este 1% (el grupo experimental), así como una muestra del 1% de tráfico con la función habilitada (el grupo de control), para probar la eficacia de vicié en revalidant para guiones de anuncios. En el transcurso de 2 semanas de métricas registradas a partir de un tamaño de muestra de 5200 millones de impressions de anuncios gráficos de Google, el grupo de control observó:

• Augmentation de 0,31 TTP1T des impressions d'annonces.
• 0,5% d'augmentation des revenus.
• Augmentation de 2% des premiers chargements de script d'annonce (<500 ms desde el inicio de la carga de la página).
• Augmentation de 1.1% des chargements de scripts publicitaires réussis.

Como se muestra en el gráfico anterior, los resultados de este experimento se pueden atribuir a un incremento en las cargas exitosas de secuencias de comandos de anuncios, y la mayoría ocurre al principio del procedimiento de carga de la página.

Mise en place de l'obsolescence en revalidation sur votre site

El equipo de GPT ha visto que realizar un cambio relativamente simple en los en-têtes HTTP con vicié en revalidant puede mejorar la velocidad y incrementar las métricas comerciales. Consulte la publicación Mantener las cosas frescas con obsoleto mientras se revalida para conseguir más información sobre la implementación vicié en revalidant sur votre propre site.

photo par Kahica au Unsplash