JQuery效率問題

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() 函式僅能用於當前文件，因此無需選擇器。