提高js調試速度,js優化瀏覽器載入速度

本文目錄一覽：

• 1、網站載入的js過多，打開速度很慢很慢。
• 2、有哪些 JS 調試技巧？
• 3、如何提升JavaScript循環的運行速度
• 4、有哪些 JS 調試技巧
• 5、js載入速度慢怎麼解決？
• 6、在網頁裡面調用了js，打開速度變得非常慢，怎樣寫js讓網頁打開快啊

網站載入的js過多，打開速度很慢很慢。

1，如果是因為你的伺服器的網速不快，那麼你把js放到一個高速伺服器或者雲存儲是可以的。但是如果客戶端本身的網速不快，你放到哪都沒用。

2、緩存是很好的解決方案。如果你能使用一些公共的js源，比如客戶端以前用過的來源，當打開網站的時候，就會直接找到這些源的緩存，就可以加快打開速度。

3、還要從代碼本身下手，根據不同的頁面，打開不同的js吧。沒用的js就先不要載入了。

有哪些 JS 調試技巧？

其實當你經驗足夠的時候，有些錯誤不需要調試就能想明白。當然，新手而言，從調試做起。

主要的技巧取決於你使用的調試工具，這裡以我使用的chrome為例。首先跳出chrome的調試工具，右鍵選擇檢查。。

接著彈出開發者窗口，如圖

這個就是調試頁面了，然後單擊頂頭的source，找到你的js腳本，如圖：

圖片中那個藍色的小框框就是斷點了，設置方法就是單擊那裡。

可以見到，窗口下面紅色鮮紅的值就是錯誤了，單擊後面的錯誤位置就能定位了(語法錯誤能顯示定位，但是邏輯錯誤無法定位。內置api出錯定位會出錯，比如JSON.parse()出錯就定位到html文件去了)

左下角有一個藍色小箭頭，後面是能輸入的，輸入一下試試，

我輸入了cookie，就返回了cookie的值。其他的同理。

另外也可以在js腳本裡面使用console.log()，在console一欄會顯示的。更多的方法，嘗試才知道。

如何提升JavaScript循環的運行速度

提升JavaScript循環的運行速度的方法很簡單的，減少每次循環的時間複雜度. 或者提高CPU的性能.就可以了。

有哪些 JS 調試技巧

seajs.cache：用Chrome訪問使用Seajs的站點，打開Console，輸入seajs.cache，可以看到當前載入好的模塊，點開某一個，可以查看該模塊的詳細信息，包括該模塊ID，該模塊暴露的API等等信息，很常用；

seajs.find：包裝好的模塊的API不會污染全局變數，但在Console中，有時想用一下jQuery，這樣就需要使用seajs.find了，var $ = seajs.find(“jquery”)[0]，然後就可以在Console的上下文中使用jQuery了，PS.seajs.find返回的是一個數組；

seajs.log：在Console中列印信息，功能和console.log差不多，但是不會在IE下報錯。

js載入速度慢怎麼解決？

解決辦法：換一個js包含的方式，讓javascript載入速度倍增。

把通常載入方式：

script src=”xxxx.js”/script

改變成：

script type=”text/javascript”

document.write(“scr”+”ipt src=\”xxx.js\”/sc”+”ript”)

/script

————————————-

舉個例子：

比如下面是申請的站長統計代碼，以前儘管是把它放在頁面的最底部，但還是拖累頁面載入進度。

script src=”;web_id=265381show=pic” language=”JavaScript” charset=”gb2312″/script

我們可以把它換成這樣的方式來載入（任然放在頁面最底部）：

script type=”text/javascript”

document.write(“scr”+”ipt src=\”;web_id=2681show=pic\” language=\”JavaScript\” charset=\”gb2312\”/sc”+”ript”)

/script

速度快多了。

其它的js如法炮製，廣告的，頁面特效的。。。

最後再廢話幾句：

用

script type=”text/javascript”

document.write(“scr”+”ipt src=\”xxx.js\”/sc”+”ript”)

/script

的方式，還可實現按需按條件的來載入你要的JS文件：

script type=”text/javascript”

if ( 心情好 ) {document.write(“scr”+”ipt src=\”xxx.js\”/sc”+”ript”)}

/script

這樣要是「心情不好」，就自然不會載入你不想要的JS文件了。

在網頁裡面調用了js，打開速度變得非常慢，怎樣寫js讓網頁打開快啊

1.把代碼放在頁面最後面。

2.多引用外部文件，比把js寫在html頁面中，減少網路傳輸，

3.js要寫的效率高，js壓縮。

我能想到就這麼多，