title: How to optimize jquery datatable to load large data efficiently (10k-50k rows)?
body: <p>I am using jquery datatable with minimal configuration to showcase data on my website. I have <b>10K to 50K records to show in datatable</b>.</p>
  
  <p>Currently the datatable is taking around <b>60 seconds to initialize 3000 records</b>.</p>
  
  <p><b>There are two options that can be utilized to initialize data-table:-</b></p>
  
  <p>1) Add records as a html table on page and then initialize datatable on that table.<br/>
  2) Have a json of records and then initialize datatable with that data.</p>
  
  <p><b>Do the following steps helps us to improve the performance of datatable plugin:-</b></p>
  
  <p>1) Reducing number of columns<br/>
  2) Grouping related columns<br/>
  3) Using sort only on required fields or remove sort feature all together</p>
  
  <p><b>Data is as follows</b>
   - It is a set of mcq questions with options to preview/edit/delete</p>
  
  <p><img src="https://i.stack.imgur.com/zlVMV.png" alt="enter image description here"></p>
  
  <p><b>Search on question is something very important for my application</b>. <br/>
  Please provide an optimal solution to use datatable for the provided dataset.</p>