讀高性能JavaScript編程 第一章

草草的看完第一章，雖然看的是譯文也是感受漲姿式了，

我來總結一下：

　　因爲 大多數瀏覽器都是 single process 處理 ui updatas and js execute

　　因而產生問題： js （script tag） will blocking page processing 

上圖說話：

 

 　因而你們動腦筋想辦法

想到了三個辦法

一、 Parallel downloads, then execute  並行下載，而後執行。

二、Download times less，Less download file  少次少許 （精縮）

三、動態添加腳本，注入腳本（使用xmlhttprequest）。

其餘：

defer  eg：<script type="text/javascript" src="file1.js" defer></script> 

對應的 JavaScript 文件將在<script>被解析
時啓動下載，但代碼不會被執行，直到 DOM 加載完成（在 onload 事件句柄被調用以前）

把js引用放在 </body>上面（不少人知道但不懂爲何）

 緣由：在 head 裏 你會看到 阻塞全在白頁上了

 在下面阻塞的時候好歹頁面上有點東西了 哈哈好簡單~  將腳本放在底部是定律

最後

果真最爽的仍是把別人造好的輪子拿來用：

　　一、 YUI3 二、The LazyLoad library 三、The LABjs library 第二和第三個看着很爽的樣子 第三個比較推薦。

並且能夠體驗一把鏈式結構的爽快寫法。 

eg：

<script type="text/javascript" src="lab.js"></script> <script type="text/javascript">  $LAB.script("first-file.js").wait() //這個wait 是保證 js被執行（注意：不是被徹底下載，下載是並行的）的前後順序 .script("the-rest.js") .wait(function(){ Application.init(); }); </script>