數據表加載緩慢requireJS

Question

當我使用requireJS加載數據表時，我看到了短暫的未處理html。也許是因爲它等待DOM被加載？

如何使用requireJS加載dataTables更快？

這是主要的文件

require.config({ 
paths: { 
    'jquery': 'libs/jQuery-2-0-3', 
    'datatables-plugin': 'plugins/jquery-datatables' 
} 
}); 

require(['jquery','datatables-plugin'], 
function($) { 
'use strict'; 

$(document).ready(function() { 

    $('.tablesorter-js').dataTable(); 

}); 
}); 

而且在頭標記的HTML。

<script data-main="/script/main" src="/script/require.js"></script> 

例如，我叫頭標記的腳本，而無需被立即執行的數據表requireJS。身體標記的

<script src="/script/libs/jQuery-2-0-3.js"></script> 
    <script src="/script/plugins/jquery-datatables.js"></script> 

和結束

<script> 
    $('.tablesorter-js').dataTable(); 
</script> 

Answer 1

我解決它通過改變

require(['jquery','datatables-plugin'], 

到

define(['jquery','datatables-plugin'], 

刪除了

$(document).ready(function() { 

和位於

<script data-main="/script/main" src="/script/require.js"></script> 

在主體標記的末尾。