"Lazyloading" la información de una base de datos en una página PHP en el procedimiento

Question

Sé carga diferida generalmente requiere el uso de objetos y un proxy patrón.Yo no estoy allí todavía como un sitio necesita un rediseño.Sin embargo, ¿hay alguna manera todavía puedo bobina de salida DB de datos a una página y acelerar el tiempo de carga un poco?

Answer 1

Esto puede lograrse con el AJAX.

Cuando la primera carga de una página, poner el lugar de los titulares de donde la pesada contenido se supone que debe ir.Por ejemplo, el uso de un div con un estilo distintivo y una animación de carga de la imagen en el interior para que los visitantes pueden decir claramente hay algo más de carga que pasa.Usted puede generar familiar en busca de AJAX carga de imágenes en ajaxload.info.

Tiene algunas secuencias de comandos en la parte inferior de la página que se llama o se une a las funciones necesarias para cargar el contenido adicional utilizando AJAX.Usted podría unirse a la llamada de AJAX de jQuery .ready() por ejemplo, para la carga de comenzar tan pronto como en el resto del documento está listo o .scroll() para empezar cuando el usuario se desplaza sobre un elemento determinado (por ejemplo,pasado, algunos 'puntos de referencia' en su página que separan los bloques de contenidos).

Cuando reciba la respuesta de AJAX que contiene el contenido adicional (preferiblemente pre-formateada como HTML en forma de cadena) reemplace el contenido del marcador de posición div con la respuesta de AJAX usando .innerHTML = o jQuery .html().Cambiar el estilo de la div si es necesario el uso de setAttribute("class","newClass") o jQuery .attr("class","value") para sustituir la clase CSS.

El visitante será capaz de ver la página completa y desplazarse a través de él mientras que la carga está teniendo lugar.El contenido adicional aparecerá cuando esté listo, sin interrumpir el visitante la experiencia de navegación.Usted puede hacer esto un poco más agradable para el ojo mediante la animación de las transiciones después de que el contenido de la inyección.

Si usted necesita algunos ejemplos adicionales de cómo utilizar AJAX para recuperar el contenido de forma asincrónica echar un vistazo a estos para el clásico de JavaScript enfoque o jQuery .ajax() docs.

Answer 2

Puede usar JavaScript para comenzar a cargar datos adicionales tan pronto como se cargue la página principal.De esta manera, su página principal puede simplemente describir los componentes en la página, presentes "Spinners" que indican que se están cargando más datos y luego descargándolo a JavaScript para obtener más datos.