Javascript para mostrar solo gif animados cuando se carga

Tengo un banner de gif animado en mi sitio web que ronda los 2 MB. Para las personas con conexiones lentas, quiero incluir algunos Javascript que solo mostrarán (y comenzarán a reproducir) este gif cuando esté completamente cargado, para que el resto del sitio web ya se muestre mientras el gif aún se está cargando. Idealmente, primero debería mostrar una imagen (loading.gif) y luego cambiar al banner (banner.gif) con javascript cuando se carga banner.gif.

¿Cómo hago esto? (Soy nuevo en Javascript)

¡Gracias