Carregar página por partes

Eu tenho uma página inicial que carrega muitas informações e por causa disso ela demora muito para abrir, eu gostaria de fazer abrir a página e depois que ela já estivesse carregada exibir divs por partes, por exemplo:

Eu tenho o seguinte código:

 <div id="topo">
 </div>
 <div id="menu">
 </div>
 <div id="conteudo">
 <div id="clientes">
 </div>
 <div id="produtos">
 </div>
 </div>
 <div id="rodape">
 </div>

Eu quero que as divs topo, menu, conteudo e rodapé carreguem, mas as divs clientes e produtos sejam carregadas depois, por que essas duas divs fazem consultas no banco de dados e demoram para retornar o resultado, assim se todas forem carregadas juntas vai levar muito tempo para a página aparecer.