Uso de rutas relativas absolutas y relativas para imágenes

Un compañero de trabajo simplemente me preguntó si había alguna razón por la que hacer referencia a imágenes con una ruta relativa impediría la velocidad del sitio.

Si bien para la limpieza es una buena idea tener menos caracteres de una ruta relativa, ¿pero me pregunto si hay otras reducciones / consecuencias de usar rutas absolutas / completas? Estoy pensando que puede haber una búsqueda de DNS involucrada al tener la ruta completa.

¿Cuáles son las otras consecuencias, si las hay?

    El uso de rutas absolutas obliga al servidor web a establecer una conexión, enviar y recibir las solicitudes HTTP. Si usa relative, la conexión ya está establecida, por lo que no tiene que pasar por esa lógica (lo que aumenta la velocidad de carga de la página). Probablemente no verá una diferencia sorprendente, pero cada bit ahorrado es algo bueno, ¿verdad?


    Editar: Después de hacer una prueba rápida, la diferencia es extremadamente insignificante, y no parece producir un gran problema para mi respuesta. Creé una página de prueba con la misma imagen dos veces, una con relativa y otra con ruta absoluta: http://damonbauer.me/test/index.html .

    Prueba uno: Imagen w / Ruta absoluta en el código HTML primero: (haga clic para una versión más grande) http://sofes.miximages.com/path/results1.jpg

    La imagen de ruta absoluta tardó 869 ms en cargarse, mientras que la imagen de ruta relativa, en segundo lugar en el código HTML, se cargó en 635 ms.

    Prueba dos: Imagen w / Ruta relativa en el código HTML primero: (haga clic para una versión más grande) http://sofes.miximages.com/path/results1.jpg

    La imagen de ruta absoluta tardó 303 ms en cargarse, mientras que la imagen de ruta relativa, primero en el código HTML, se cargó en 315 ms.

    ¿Mi opinión? Es más rápido cargar usando relativo. Incluso cuando se enumera después de la imagen de ruta absoluta, solo tomó 12 ms más para cargar la imagen relativa. Cuando la imagen de ruta absoluta se cargó en segundo lugar, tardó 234ms más en cargarse. En ambos casos, están cerca, y me parece que importa más sobre lo que carga primero. De cualquier manera, me gustaría ir con relativa, aunque solo sea por la portabilidad.

    nah, no hay ninguna diferencia notable, y ambos tienen sus usos. No hay una búsqueda de DNS en el lado del cliente, es el navegador (¿o tal vez el servidor web?) El que cambia la URL a lo que debería ser. Úselos como lo que necesita, las rutas relativas son más portátiles (no es necesario hacer nada para que funcionen en su servidor de desarrollo o en vivo), mientras que las rutas absolutas lo llevan a una ubicación específica (independientemente de en qué servidor se encuentre).
    En mi caso, uso rutas relativas a menos que quiera que se use una dirección específica. Además, cuando cambie de no seguro a seguro, debería especificar https para la ruta completa (o hacer un redireccionamiento adicional en otro lugar)

    Una ruta absoluta remota pasará a través de DNS, pero liberará su servidor web para servir páginas, mientras que otro servidor se encargará de servir imágenes. Eso aligera la carga de la red en el servidor de la página y acelera las cosas.

    Una ruta absoluta local será la misma que la relativa local, ya que después de la primera página, el servidor web almacenará en caché y no tendrá importancia después de eso.