把Script放到網頁結尾會加速網頁效能？

看板Web_Design作者 (可倫)時間13年前 (2010/10/31 14:33), 編輯推噓3(3推 0噓 11→)
留言14則, 6人參與, 最新討論串1/2 (看更多)
小弟前兩天在玩YSlow的時候 發現他有一項建議是說 瀏覽器無法同時載入多個Script，要加速網頁載入的速度 應該要把script放在文件的最後（Grade B on Put JavaScript at bottom） 不過，如果把Script（連結到外面檔案）移到頁尾的話，這樣的HTML語法該怎麼寫呢？ 然後這樣的寫法不會很奇怪嗎？ 不知道各位前輩有沒有去看過類似的訊息，真的對效能有影響嗎XD -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.32.31.208
推
10/31 20:03, , 1F
絕對有差 user會先看到html中的內容才會執行js
10/31 20:03, 1F
→
10/31 20:04, , 2F
如果你的js很龐大 放在網頁內容前 要很久才會看到網頁內容
10/31 20:04, 2F
→
10/31 20:38, , 3F
你是外部的.js可以丟到頁尾再載入嗎？抱歉腦袋一職沒轉
10/31 20:38, 3F
→
10/31 20:38, , 4F
過來@@?
10/31 20:38, 4F
推
10/31 21:00, , 5F
其實也不見得，某些行為放頁尾會發生閃爍，就不建議
10/31 21:00, 5F
→
10/31 22:54, , 6F
因為js 載入時會造成網頁停在那邊等 js 載完，但大部分狀況
10/31 22:54, 6F
→
10/31 22:54, , 7F
下 js 對畫面的呈現沒有直接的影響，沒有非得要先載入js再
10/31 22:54, 7F
→
10/31 22:55, , 8F
呈現 html 的理由時，就會建議先載html再載 js 。但相對的如
10/31 22:55, 8F
→
10/31 22:55, , 9F
果 js 自己就會做 document.write 或是一些會操作到ui的行為
10/31 22:55, 9F
→
10/31 22:55, , 10F
那就放在他該出現的位置就好。
10/31 22:55, 10F
推
11/01 02:43, , 11F
<script src="" rel="nofollow">http://..."></script>外部就這樣寫啊
11/01 02:43, 11F
→
11/01 08:39, , 12F
對吼，剛剛有測出來了XD 我以為script要放在head
11/01 08:39, 12F
→
11/01 08:39, , 13F
先編譯XD
11/01 08:39, 13F
→
11/03 17:30, , 14F
不知道可不可以用 defer？
11/03 17:30, 14F
‣ 更多 Kelunyang 的文章
文章代碼(AID): #1CpGswHl (Web_Design)
‣ 更多 Kelunyang 的文章
文章代碼(AID): #1CpGswHl (Web_Design)