JavaScript - Optimizar carga <iframe>

   
Vista:
Imágen de perfil de Maximiliano

Optimizar carga <iframe>

Publicado por Maximiliano (1 intervención) el 09/07/2016 18:09:29
Hola gente que tal, este es mi primer post.
Les cuento que mis conocimientos son básicos y solamente de HTML5 y CSS3 que es lo que he estado "estudiando" de internet hace ya varios meses, tengo claro que esto solamente me servirá para poder diseñar la pagina, enmaquetar y hacer que se vea linda pero no hacerla interactiva o "real".

Después de muchos meses de ir practicando, viendo tutoriales y leyendo en algún que otro foro, me veo en la obligación de aprender javascript ya que creo es el siguiente paso, lo primero que me gustaría aprender (y no se si estoy en en lenguaje correcto) es aprender a optimizar la carga de contenido, mi caso es el siguiente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<ul>
     <li>
          <a href="#modal"> LINK </a>
     </li>
     <div id="modal">
           <iframe src="contenido_del_modal.html">
          </iframe>
     </div>
 
	<li>
		...
	</li>
 
</ul>

En esa lista <ul> tengo muchos <li>, cada uno de ellos tiene un link el cual me lleva a un div que esta abajo al cual llame "modal", ese modal en su totalidad es otro archivo .html el cual tiene contenido, fotos, videos, texto, etc.
El problema se me da cuando tengo unos 15 <li> y cada uno de ellos con sus <iframe>
Que solución le darían ustedes para que se cargara cada <iframe> solamente cuando doy click en LINK que me lleva a "modal" ?

Me gustaría que me mencionaran que estoy haciendo mal, como lo optimizarían o si esto se puede arreglar con javascript, si se puede y no quieren escribir todo un código, decirme palabras clave para googlear y saber como arrancar porque estoy muy perdido al no saber nada.

Saber que buscar, me motivaría para aprender de una vez javascript!

Saludos
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Optimizar carga <iframe>

Publicado por xve (1595 intervenciones) el 10/07/2016 09:11:07
Hola Maximiliano, los iframe van bien para añadir paginas de otros sites, pero no se utiliza para añadir paginas de tu mismo dominio... para el navegador, es como si en una pestaña abrieras varias paginas.

Para ello, lo mejor es utilizar includes() de PHP o del lenguaje que estés utilizando en el servidor, de esta manera, al navegador solo le llega una pagina, ya que las paginas son juntadas en el servidor.

Que lenguaje de programación utilizas en el servidor?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar