Lazy loading huge json data in polymer -

i have json file contains large amount of data causes html page become unresponsive when iterating on it.

i using polymer , iterating on json data inside template.

is there way can iteration using lazy loading not have load data @ same time?

below html file element.

<polymer-element name="flash-card">   <template id="k">     <style>       flip-card {         width: 200px;         height: 200px;       }     </style>     <core-ajax id='ajaxcard'       url='../api/gre_questions.json'       on-core-response="{{onresponse}}"       handleas='json'></core-ajax>      <div horizontal layout wrap style="width: 100%">       <template repeat="{{words in json}}">          <flip-card axis="y" class="flip-card">            <front style="background:#232343">             <div style="overflow:hidden">{{words.word}}</div>           </front>           <back>             <div style="overflow:hidden">               {{words.meaning}}             </div>           </back>         </flip-card>       </template>     </div>   </template>   <script>     polymer("flash-card",{       json: null,       ready: function () {         this.$.ajaxcard.go();       },       onresponse: function (e, detail, sender) {         this.json = detail.response;       }     });   </script> </polymer-element> 

<core-ajax id='ajaxcard' url='../api/gre_questions.json' on-core-response="{{onresponse}}" handleas='json' ></core-ajax> <core-list data="{{json}}" style="width:100%; height: 100%">   <template>     <div >       <button></button>       <core-collapse>         <div class="collapse-content">           {{model.word}} : {{model.meaning}}         </div>       </core-collapse>     </div>   </template> </core-list>