Particularmente me interesa aplicar estilo a imágenes e imágenes de fondo. El estilo se inyecta con una clase CSS en la página desde una extensión de Chrome. No tengo control directo sobre los elementos de la página, solo a través de mi secuencia de comandos js que se inyecta en la página web cuando está abierta. La clase que se aplica a cada elemento antes de que la página se cargue con el detector de eventos DOMContentLoaded es algo así:

 function insertClass(){ //find all elements with img tag or background style //add style to those elements } document.addEventListener('DOMContentLoaded', insertClass})

Aunque, de acuerdo con la descripción de DOMContentLoaded , la función debe ejecutarse antes de que se cargue el elemento, todavía tengo imágenes visuales sin el estilo aplicado durante una fracción de segundo, lo que significa que el estilo se aplica después de que se representa la imagen. ¿Hay alguna manera de aplicar estilo antes de que se renderice la imagen?