¿Cuáles son las ventajas de precargar imágenes en CSS?

La razón principal por la que desearía precargar imágenes sería la capacidad de respuesta y la calidad de la apariencia. Por ejemplo, si aplica una imagen al estado: hover, solo se iniciará en el primer evento: hover. Por lo tanto, habrá un retraso. A nadie le gustan los retrasos.

Otra consideración es si está precargando usando CSS o JavaScript. En mi opinión, la carga previa con CSS es mejor ya que hace menos solicitudes HTTP y continúa funcionando incluso si el navegador del usuario está bloqueando JavaScript. Otra razón es que con el uso de todos los otros sitios de Javascripts en estos días, es mejor reducir su dependencia de ellos cuando pueda para ayudar a acelerar la representación de su sitio.

Aquí hay un par de buenos enlaces para precargar con CSS:

  • CSS solo carga previa de imágenes | CSS-Tricks
  • CSS Throwdown: precargar imágenes sin JavaScript