Informazioni "Lazyloading" da un database su una pagina PHP in procedura

Question

So che il caricamento pigro corretto richiede solitamente usando oggetti e un motivo proxy.Non sono ancora lì come un sito ha bisogno di una ridisegno.Tuttavia, esiste un modo in cui posso ancora spolare i dati DB a una pagina e accelerare il tempo di caricamento un po '?

Answer 1

Questo può essere ottenuto con Ajax.

Quando si carica per la prima volta una pagina, metti i titolari dei punti in cui si suppone che il contenuto pesante. Ad esempio, utilizzare un div con uno stile distintivo e un'immagine di caricamento animata all'interno dei visitatori può chiaramente dire che c'è un po 'di caricamento in corso. È possibile generare immagini di Ajax Ajax familiari a ajaxload.info .

Avere un certo script nella parte inferiore della pagina che chiama o lega le funzioni necessarie per caricare il contenuto aggiuntivo utilizzando Ajax. È possibile associare la chiamata Ajax al .ready() di JQuery ad esempio per avviare il caricamento non appena il resto del documento è pronto o generarecodicitagCode per avviare quando l'utente scorre su un determinato elemento (ad esempio oltre alcuni "punti di riferimento" sulla pagina che si separano Blocchi di contenuto).

Quando si riceve la risposta AJAX che contiene il contenuto aggiuntivo (preferibilmente pre-formattato come HTML in forma di stringa) Sostituire il contenuto del segnaposto .scroll() con la risposta AJAX utilizzando div o .innerHTML =taGODETAGODICODICODICODICODICODETAGODICODE GENERERY. Modificare lo stile del .html() se necessario utilizzando div o setAttribute("class","newClass")tagCode di JQuery per sostituire la sua classe CSS.

Il visitatore sarà in grado di vedere la tua pagina completa e scorrerà attraverso di esso mentre il caricamento è in corso. I contenuti aggiuntivi appariranno quando è pronto senza interrompere l'esperienza di navigazione del visitatore. Puoi renderlo un po 'più bello per l'occhio animando le transizioni dopo l'iniezione del contenuto.

Se avete bisogno di alcuni esempi aggiuntivi di come utilizzare Ajax per recuperare il contenuto Asyncronolmente dare un'occhiata a Questi per l'approccio JavaScript classico o jquery .ajax () docs .

Answer 2

È possibile utilizzare JavaScript per avviare il caricamento dei dati aggiuntivi non appena la pagina principale viene caricata.In questo modo la tua pagina principale può semplicemente delineare i componenti sulla pagina, presenti "filatori" che indicano che vengono caricati più dati e quindi scaricarlo su JavaScript per ottenere più dati.