no lo entiendo La carga diferida de imágenes está habilitada de forma predeterminada e incluso probé este JavaScript de una pregunta similar (aparentemente eso lo arregló. ¿También tal vez no funcione para mí porque no uso jquery?). También probé content-visibility: hidden hasta que me di cuenta de que Firefox o Safari ni siquiera lo soportan... (¿¿por qué????)

 let element = document.getElementsByTagName("img"); Array.from(element).forEach(i => { i.style.display = "block"; });

Creo que las otras imágenes en el otro control deslizante aún no se cargan hasta que me he desplazado hasta él, ¿así que parece haber algún tipo de optimización? Sinceramente, no puedo decir más. Para mí, todavía parece que todos intentan cargar todos a la vez cuando borro mi caché y actualizo. Mi objetivo es simplemente cargar las imágenes una vez que se muestran y se desplazan en el control deslizante, pero no puedo hacer que funcione. Las imágenes son bastante grandes y debería reducir su tamaño, pero esto aún ayudaría de cualquier manera.