De los documentos web de MDN

El evento DOMContentLoaded se activa cuando el documento HTML inicial se ha cargado y analizado por completo, sin esperar a que las hojas de estilo, las imágenes y los submarcos terminen de cargarse.

Mientras que desde Shopify Docs

Todos los pasos de pago están alojados en una sola ruta de URL, donde el contenido se carga dinámicamente según el paso actual.

Lo más probable es que Shopify esté cargando algunas cosas en su extremo en DOMContentLoaded y activa page:load event cuando todo está listo y puedes hacer tus personalizaciones de DOM. Además, DOMContentLoaded solo se activará una vez para el pago completo, pero page:load se activará una vez para cada paso de pago.

Lo mismo se ha descrito en los documentos para page:load .

El evento page:load se activa cuando se carga el contenido de cada paso. Este es el evento predeterminado que debe usar al agregar contenido a la página en carga.