加快網站速度的最佳做法_(3)script腳本放在底部
腳本的問題是它會阻止並行的下載。HTTP/1.1規定,瀏覽器在同一個主站不能並行同時下載超過兩個組件。如果你把圖片放在多個站點上,就可以同時下載多個圖片。但是,當在下載腳本的時候,瀏覽器不能同時進行其他的下載,就算是利用不同的站點。
在某些情況下很難把腳本移到底部。例如,如果腳本中有document.write在頁面中插入內容,這時腳本就不能移動到頁面的底部。當然還有其他的原因,但是大多數這些情況都是能夠解決的。
另外一種建議就是使用延遲腳本。 DEFER屬性暗示了腳本中不包含document.write 對瀏覽器來說是一個線索使它能夠持續渲染。不幸的是,FireFox不支持DEFER屬性。在IE中,腳本可以延遲但與預期的有一定出入。如果腳本可以延遲,它就可以移動到頁面的底部。這將會使網頁下載的更快。
在某些情況下很難把腳本移到底部。例如,如果腳本中有document.write在頁面中插入內容,這時腳本就不能移動到頁面的底部。當然還有其他的原因,但是大多數這些情況都是能夠解決的。
另外一種建議就是使用延遲腳本。 DEFER屬性暗示了腳本中不包含document.write 對瀏覽器來說是一個線索使它能夠持續渲染。不幸的是,FireFox不支持DEFER屬性。在IE中,腳本可以延遲但與預期的有一定出入。如果腳本可以延遲,它就可以移動到頁面的底部。這將會使網頁下載的更快。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
HTML+CSS+JS實現小學四則運算自動出題程序
马踏飞燕&lin_li
2020-07-08 11:54:31
JS 實現拖拽效果
马踏飞燕&lin_li
2020-07-08 11:54:29
詳解Flex佈局
马踏飞燕&lin_li
2020-07-08 11:54:29
HTML + CSS + JS 實現隨機抽獎
马踏飞燕&lin_li
2020-07-08 11:54:28
Flex佈局實戰:支付寶首頁
马踏飞燕&lin_li
2020-07-08 11:54:28
JavaScript 技術篇 - js通過xpath路徑定位元素方法
挣扎的蓝藻
2020-07-08 02:57:51
IOS手機全屏長按識別二維碼HTML代碼
a_靖
2020-07-07 23:44:57
小程序雲開發實現模糊匹配,模糊搜索,小程序雲開發正則匹配數據庫
a_靖
2020-07-07 23:44:57
微信小程序雲開發,使用阿里雲短信服務,搜索員工生日定期發送短信。
a_靖
2020-07-07 23:44:57
樣式集(六)仿微信通訊錄樣式
a_靖
2020-07-07 23:44:57
tabBar 自定義,小程序自定義底部導航欄
a_靖
2020-07-07 23:44:57
樣式集(五)微信朋友圈樣式模擬
a_靖
2020-07-07 23:44:57
二級域名共享主機IP和端口
個人網站原文地址:http://www.chengweinan.com/article/31 今天在個人網站上新增了一個“極客頻道”,使用的是二級域名geek.chengweinan.com。 新站點
企鹅Sheldon
2020-07-07 19:12:26
多本Web前端深度修煉書籍(提供網盤下載鏈接)
sunyuan_software
2020-07-07 18:12:49