Autor Tema: [DUDA] URL's relativas  (Leído 463 veces)

Desconectado AlejoSketch

  • PHPero Avanzado
  • ****
  • Mensajes: 339
  • Karma: 12
  • Sexo: Masculino
  • Aprendiendo algo nuevo cada día!
    • Ver Perfil
[DUDA] URL's relativas
« en: 16 de Enero de 2012, 04:00:43 am »
Hola, que tal?  :)

Me paso para preguntarles acerca de una duda, se que puede parecer algo insensata o que no tiene muchos motivos para repasarla tanto, pero estoy desarrollando mi proyecto web y me gusta tener todo claro por mínimo que sea.

Sucede que apliqué "URL amigable" a partir de .htaccess y todo funciona perfecto hasta aquí. pero hay un pequeño problema allí, se trata de lo siguiente:

Puedo entrar a ejemplo.com/contacto y también a ejemplo.com/contacto/ y mostrará el mismo resultado
(gracias a la configuración mencionada en principio del archivo .htaccess)

En ambos caso se mostrará el archivo index.php cuyo código tiene entre <head> y </head> el llamado o vinculo a la hoja de estilos CSS de esta manera:
<link href="cjs/global.css" rel="stylesheet" type="text/css">.

Sucede que en el caso #1 (ejemplo.com/contacto - sin / al final -) funciona perfectamente, se muestran las imágenes y demás.
Pero en el caso #2 (ejemplo.com/contacto/ - con / al final -) se sigue mostrando el index.php pero el CSS no se encuentra, ya que ese / al final parece dar a entender al servidor que es otro directorio.

Todo esto podría solucionarse de una manera FÁCIL: colocando la URL completa en el llamado así: <link href="http://ejemplo.com/cjs/global.css" rel="stylesheet" type="text/css">. una persona que conozco y que se supone "sabe" de páginas web también y demás... me asegura que de esta última manera el servidor consume más recursos porque la petición es diferente, etc etc... algo que no me convence del todo pero que me deja en duda, ya que mi idea es lograr un resultado extremadamente óptimo a nivel visual y de código.

Entonces, es verdad que llamando ese archivo CSS por su URL completa, y además las imágenes de toda la web (ya que afecta también a estas) podría bajar el desempeño o la velocidad de carga de la web?

Muchas gracias por su participación desde ya mismo.  :)
« Última modificación: 16 de Enero de 2012, 04:02:35 am por AlejoSketch »


Comunidad PHPeros

[DUDA] URL's relativas
« en: 16 de Enero de 2012, 04:00:43 am »

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[DUDA] URL's relativas
« Respuesta #1 en: 16 de Enero de 2012, 04:22:01 am »
En todo caso, la velocidad seria mas lenta ya que le estas agregando mas bytes al documento por lo que es lógico que tarde unos milisegundos mas en cargar.

Ahora bien, dejando a un lado el peso del archivo, con la URL completa o relativa a mi parecer es exactamente la misma petición con el mismo tiempo de carga (Como ya dije, dejando a un lado el peso del archivo) al servidor, ya que el HTML se ejecuta del lado del cliente por lo que el navegador es el que convierte esa URL relativa en la URL completa o absoluta.

Saludos.
Twitter: @JoakoM010



Desconectado AlejoSketch

  • PHPero Avanzado
  • ****
  • Mensajes: 339
  • Karma: 12
  • Sexo: Masculino
  • Aprendiendo algo nuevo cada día!
    • Ver Perfil
Re:[DUDA] URL's relativas
« Respuesta #2 en: 16 de Enero de 2012, 04:26:51 am »
En todo caso, la velocidad seria mas lenta ya que le estas agregando mas bytes al documento por lo que es lógico que tarde unos milisegundos mas en cargar.

Ahora bien, dejando a un lado el peso del archivo, con la URL completa o relativa a mi parecer es exactamente la misma petición con el mismo tiempo de carga (Como ya dije, dejando a un lado el peso del archivo) al servidor, ya que el HTML se ejecuta del lado del cliente por lo que el navegador es el que convierte esa URL relativa en la URL completa o absoluta.

Saludos.

Entonces podría concluir diciendo que si hay una diferencia pero no lo suficientemente considerable como para preocuparme? y siendo ese el caso... colocar todas las imágenes (tanto en el CSS como llamados de tipo <img>) absolutas (de tipo: ejemplo.com/imagen.png)?


Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[DUDA] URL's relativas
« Respuesta #3 en: 16 de Enero de 2012, 04:38:48 am »
Entonces podría concluir diciendo que si hay una diferencia pero no lo suficientemente considerable como para preocuparme? y siendo ese el caso... colocar todas las imágenes (tanto en el CSS como llamados de tipo <img>) absolutas (de tipo: ejemplo.com/imagen.png)?
Lo anterior fue solamente una aclaración con respecto a lo que te menciono tu amigo.
Lógicamente esa no es la solución, la idea es hacerlo lo mas optimizado posible.

Saludos.
Twitter: @JoakoM010



Desconectado AlejoSketch

  • PHPero Avanzado
  • ****
  • Mensajes: 339
  • Karma: 12
  • Sexo: Masculino
  • Aprendiendo algo nuevo cada día!
    • Ver Perfil
Re:[DUDA] URL's relativas
« Respuesta #4 en: 16 de Enero de 2012, 06:13:03 am »
Lo anterior fue solamente una aclaración con respecto a lo que te menciono tu amigo.
Lógicamente esa no es la solución, la idea es hacerlo lo mas optimizado posible.

Saludos.

Ya veo, igual muchas gracias por responder... fuiste de gran ayuda.

Por otra parte... navegando e intentando buscar respuestas llegué a un foro en inglés en donde encontré la solución! voy a exponerla en caso de futuras dudas con el mismo punto.

en el archivo .htaccess consideramos:

Código: [Seleccionar]
RewriteRule ^([a-zA-Z0-9]+)/?$ index.php?id=$1 [L]
el problema radicaba en ese /? (que significa una barra invertida "/" opcional al final) ya que por cuestiones por ejemplo de SEO o accesibilidad era recomendable dejar ambas posibilidades de que el usuario entrara a ejemplo.com/contacto y a ejemplo.com/contacto/ o en otros casos cuando habían 2 variables (ejemplo.com/tags/ejemplo).

Lo que sucedia era que en el segundo caso de la barra invertida al final había una "confusión" (no es la palabra correcta, pero por decirlo así) y se tomaba como un nuevo subdirectorio de permanencia... es decir, todos los vinculos de img, css y a. ahora eran relativos a ese directorio que en cuestion no existe.

Así que debí añadir barra invertida "/" al inicio de cada src de img y vinculo, lo que hace es simplemente decir "empieza desde la raíz". aunque se debe tener en cuenta que por ejemplo si estás trabajando desde un localhost (como en mi caso) ese directorio raiz será el /www. a veces crea conflicto ya que si estamos manejando más de un sitio web en el localhost lo normal es ordenarlos por carpetas.

Pero siendo ese caso entonces añade el nombre de la carpeta... (src="/carpeta/images/ejemplo.png").

En fin, espero que sea de ayuda para alguien en el futuro.
Saludos.  :)
« Última modificación: 16 de Enero de 2012, 06:19:54 am por AlejoSketch »