Want to lazy load panel data in jsf application -

i have numerous accordionpanel in jsf page.

<p:accordionpanel multiple="true" id="homeaddress"> 

so everytime add new accordion panel , load page, taking long time load panel.so want lazy load panels. @ first load 5 panel , once scroll end load rest of panels. happening in e-commerce site (flipkart, amazon etc..)

an accordionpanel 1 componenent , complex pf components, not allow updating 1 of it's children or dynamicaly adding 1 (tabs in case). , dynamicaly loading different thing. can achieve adding an

<p:outputpanel deferred="true" deferredmode="visible">...  </p:outputpanel> 

inside each tab , put content in there. adding tab accordionpanel still reload tabs, lazy, ok, still reload them when accessed