Foros del Web » Soporte técnico » Ayuda General »

Retrasar carga de contenido

Estas en el tema de Retrasar carga de contenido en el foro de Ayuda General en Foros del Web. Hola buenas, este es un efecto que lo he visto ya varias veces. Si tuvieramos 5000 articulos en la portada de una web, como podria ...
  #1 (permalink)  
Antiguo 17/12/2014, 09:51
 
Fecha de Ingreso: febrero-2013
Mensajes: 264
Antigüedad: 11 años, 2 meses
Puntos: 1
Retrasar carga de contenido

Hola buenas, este es un efecto que lo he visto ya varias veces.

Si tuvieramos 5000 articulos en la portada de una web, como podria hacerse para que solo mostrara 10 y el resto se fueran mostrando a medida que se fuera bajando la pagina ?
Gracias
  #2 (permalink)  
Antiguo 17/12/2014, 10:36
Avatar de Libras
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: En la hermosa perla de occidente
Mensajes: 7.412
Antigüedad: 17 años, 8 meses
Puntos: 774
Respuesta: Retrasar carga de contenido

eso se llama paginacion y para implementarlo depende del lenguaje que estes utilizando.
__________________
What does an execution plan say to t-sql query? Go f**k yourself, if you are not happy with me
  #3 (permalink)  
Antiguo 17/12/2014, 21:01
 
Fecha de Ingreso: febrero-2013
Mensajes: 264
Antigüedad: 11 años, 2 meses
Puntos: 1
Respuesta: Retrasar carga de contenido

En html

Este efecto, si le damos hacia abajo sigue apareciendo contenido : http://accionpoeticafotos.tumblr.com/
  #4 (permalink)  
Antiguo 18/12/2014, 05:30
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 12 años, 5 meses
Puntos: 51
Respuesta: Retrasar carga de contenido

Hola @soloandroid , eso se puede hacer por ajax, y es muy útil para optimizar la velocidad de carga de la web.
Pongamos que un usuario entra, pongamos que el servidor devuelve 5 artículos, pues bien, esto lógicamente es muchísimo mejor que devolver todos de golpe. Cuando hacer scroll hasta el final de la página, por medio de eventos javascript, detectas que se ha llegado al final, y mediante ajax haces una petición al servidor para que te devuelva otros cinco, y así sucesivamente. De esta manera, sólo cargas en la página el contenido que va a verse.
Te dejo dos enlaces que pueden ayudarte:

http://api.jquery.com/scroll/ ( jquery scroll )
http://www.inserthtml.com/2013/01/scroll-pagination/ ( tutorial con demo incluida )

Espero que te venga bien. Paciencia que no es muy complicado.

¡Saludos! :)
__________________
Diseño Web Jaén

Etiquetas: contenido
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:08.