title: Lazy load a html page using data stored in javascript array object
body: <p>I am designing html pages which is more than 10,000 lines inside paragraph tag with specific id. As the number of lines is more, the page loading time is more than 3 minutes. So I want to lazy load this data from javascript array object which should load more data on scroll and also able to load directly to id tagged from different page.</p>
  
  <p>As the project work offline I dont want to use php and MySql so I want to use javascript for loading data.</p>
  
  <p>html code</p>
  
  <pre><code>&lt;p id="a1"&gt;श्रीगुरुभ्यो नमः ॥&lt;/p&gt;
  &lt;p id="a2"&gt;समस्तगुणसम्पूर्णं सर्वदोषविवजितम् ।&lt;/p&gt;
  &lt;p id="a3"&gt;नारायणं नमस्कृत्य गीतातात्पर्यमुच्यते ॥१॥&lt;/p&gt;
  &lt;p id="a4"&gt;शास्त्रेषु भारतं सारं तत्र नामसहस्रकम् । वैष्णवं कृष्णगीता च तज्ज्ञानान्मुच्यतेञ्जसा ॥ 
  &lt;/p&gt;
  &lt;p id="a5"&gt;न भारतसमं शास्त्रं कुत एवानयोः समम् । भारतं सर्ववेदाश्च तुलामारोपिताः पुरा ॥ 
  &lt;/p&gt;
  &lt;p id="a6"&gt;देवैर्ब्रह्मादिभिः सर्वैर्‍ऋषिभिश्च समन्वितैः । व्यासस्यैवाज्ञया तत्र त्वत्यरिच्यत भारतम् ॥ 
  &lt;/p&gt;
  &lt;p id="a7"&gt;महत्त्वाद्भारवत्त्वाच्च महाभारतमुच्यते । निरुक्तमस्य यो वेद सर्वपापैः प्रमुच्यते ॥&lt;/p&gt;
  </code></pre>
  
  <p>javascript array code</p>
  
  <pre><code>var b = [{"title":"गीतातात्पर्यनिर्णयः","text":"श्रीगुरुभ्यो नमः ॥","url":"#a1"},
  {"title":"गीतातात्पर्यनिर्णयः","text":"समस्तगुणसम्पूर्णं सर्वदोषविवजितम् ।","url":"#a2"},
  {"title":"गीतातात्पर्यनिर्णयः","text":"नारायणं नमस्कृत्य गीतातात्पर्यमुच्यते ॥ 
  १॥","url":"#a3"},
  {"title":"गीतातात्पर्यनिर्णयः","text":"शास्त्रेषु भारतं सारं तत्र नामसहस्रकम् । वैष्णवं 
  कृष्णगीता च तज्ज्ञानान्मुच्यतेञ्जसा ॥","url":"#a4"},
  {"title":"गीतातात्पर्यनिर्णयः","text":"न भारतसमं शास्त्रं कुत एवानयोः समम् । भारतं 
  सर्ववेदाश्च तुलामारोपिताः पुरा ॥","url":"#a5"},
  {"title":"गीतातात्पर्यनिर्णयः","text":"देवैर्ब्रह्मादिभिः सर्वैर्‍ऋषिभिश्च समन्वितैः । व्यासस्यैवाज्ञया 
  तत्र त्वत्यरिच्यत भारतम् ॥","url":"#a6"},
  {"title":"गीतातात्पर्यनिर्णयः","text":"महत्त्वाद्भारवत्त्वाच्च महाभारतमुच्यते । निरुक्तमस्य यो 
  वेद सर्वपापैः प्रमुच्यते ॥","url":"#a7"}]
  </code></pre>
  
  <p>I expect the javascript array objects to be loaded to the html paragraphs with id and load more on scroll. Also i want to load the page faster.</p>