1，前言

我們開發了一個專題系統，生成了JSON的數據格式，采用JQuery動態插入HTML中，在前期的使用中，沒有太大的問題，效率還可以接受，但是最近可能由于網絡加之頁面設計問題，我們的JS效率比較差，長達10多秒中，實在難以忍受，到底是什么原因呢？


2，分析

我觀察了一下JS腳本，應該說沒有太費時間的操作，采用ID的元素選擇法，應該是最快的，雖然有個類選擇器，但是元素很少，一般在2個左右，不至于影響效率，我注釋一下，發現確實不是這個問題。


后來分析，可能是HTML外面套的INDEX.JSP的問題，加上頭尾后，效率很慢，所以我們分析思路：

        2.1 把JSP分出top,bottom.jsp，采用jquery load()事件加入至頁面，確實效率有所提升，但是在FF，和CHROME下不太正常，而調整后，都正常顯示，但是效率又下降了。

        2.2 采用IFrame方式：把頁面的頭和尾部采用Iframe嵌入，去掉邊框，固定大小，這個確實效率提高了，但是ifram里的跳轉是個大問題，效果不是很好；

3，根本原因

我們吧注意力放在了JS上面，突然想到，是不是$(document).ready()方法的原因？？

我們去掉此方法，變為函數，同時在頁面中用setTimeout()延時10毫秒觸發，發現，正常了；

我網上查了一下read方法的說明：

當 DOM（文檔對象模型） 已經加載，并且頁面（包括圖像）已經完全呈現時，會發生 ready 事件。  
由于該事件在文檔就緒后發生，因此把所有其他的 jQuery 事件和函數置于該事件中是非常好的做法。正如上面的例子中那樣。  
ready() 函數規定當 ready 事件發生時執行的代碼。  
ready() 函數僅能用于當前文檔，因此無需選擇器。