Me gusta mostrar imágenes cargadas de forma diferida en mi aplicación web usando loading="lazy" . El problema que tengo es que el cliente necesita tener un token de tiempo limitado para solicitar imágenes del servidor.

Si una imagen se desplaza a la ventana gráfica, el cliente debe solicitar un token y, con este token, el cliente puede solicitar la imagen. Para hacerlo, necesito que se dispare algún tipo de evento o disparador antes de que el navegador solicite la imagen de carga diferida.
No puedo enviar el token con la visita a la primera página o en algún punto intermedio porque no sé cuánto tiempo el usuario visita otras partes de la aplicación antes de que las imágenes sean visibles. El tiempo varía entre algunos segundos y horas.

<img onload="doStuff()" /> se activa después de cargar la imagen. Esto es demasiado tarde. Necesito algo antes de que se solicite la imagen.

No estoy obligado a usar imágenes o loading="lazy" para resolver este problema. Cualquier solución también es bienvenida.