"Lazyloading" informações de um banco de dados em uma página PHP no processuais

Question

Eu sei adequada carregamento lento geralmente requer o uso de objetos e um padrão de proxy.Eu não estou lá ainda, como um site precisa de alguma reformulação.No entanto, há alguma maneira de eu ainda spool DB de dados para uma página e acelerar o tempo de carregamento um pouco?

Answer 1

Isto pode ser conseguido com o AJAX.

Quando você carregar uma página, coloque coloque-os titulares de onde o heavy conteúdo é suposto ir.Por exemplo, usar um div com um estilo distinto e uma animação de carregamento de imagem interior, assim os visitantes podem dizer claramente não é mais um tempo de carga acontecendo.Você pode gerar familiar procura de carregamento AJAX imagens ajaxload.info.

Tem algum script na parte inferior da sua página de chamadas ou associa as funções necessárias para carregar o conteúdo adicional usando AJAX.Você pode ligar a chamada AJAX para jQuery .ready() por exemplo, para que o carregamento iniciar assim que o restante do documento está pronto ou .scroll() para iniciar quando o utilizador se desloca ao longo de um determinado elemento (por exemplo,passado alguns "marcos" na sua página que separam blocos de conteúdo).

Quando você recebe o AJAX resposta que contém o conteúdo adicional (de preferência pré-formatado como HTML no formulário de cadeia de caracteres) substituir o conteúdo do espaço reservado div com o AJAX resposta usando .innerHTML = ou jQuery .html().Alterar o estilo da div se necessário utilizar o setAttribute("class","newClass") ou jQuery .attr("class","value") para substituí-la da classe CSS.

O visitante poderá ver a sua página completa e seleccione por ele, enquanto o carregamento está ocorrendo.O conteúdo adicional será exibido quando ele está pronto, sem interromper o visitante a experiência de navegação.Você pode fazer isso um pouco mais agradável para o olho, para animar as transições depois que o conteúdo de injeção.

Se você precisa de alguns outros exemplos de como usar o AJAX para buscar o conteúdo de forma assíncrona ter um olhar para estes para o clássico JavaScript abordagem ou jQuery .ajax() docs.

Answer 2

Você pode usar o JavaScript para começar a carregar dados extras assim que a página principal é carregada.Desta forma, sua página principal pode apenas delinear os componentes na página, apresentar "spinners" indicando que mais dados estão sendo carregados e, em seguida, descarregá-lo para JavaScript para obter mais dados.