如何通過JS(javascript)優化網頁載入速度【一】?

開發的網頁載入速度不夠快，這裡有很多解決辦法，從今天起，開始介紹使用javascript語言來優化網頁載入速度。

工具/原料

visual.net2010開發工具

javascript語言

html語言

火狐瀏覽器

FireBug除錯工具

方法/步驟

如圖中，我通過往網頁中動態新增js模組，new_script這個動態模組的src屬性，是我從某個服務上獲取的json資料(由於安全問題，src的地址被塗了哦)

動態獲取後，通過獲取到的json資料動態繫結html控制元件，然後再使用 innerHTML欄位將繫結好的資料載入到網頁上去。

通過步驟一的js操作，然後我們通過FireBug工具就可以看到，載入的時間線，整個頁面要用1.61秒鐘完成(基本每次測試在1.6左右小範圍波動)

然後，我通過將所有的js操作移植到一個專門的index.js檔案中，然後再在頁面上使用setTimeout函式延後50毫秒載入index.js檔案，進一步在js檔案中，獲取資料並繫結。

這個是修改之後的FireBug裡面時間線的呈現，，優化效果非常明顯(頁面onload時間為405毫秒，多次測試在405毫秒左右小範圍波動)

（每次載入我都清除了所有快取的東西，避免給測試對比帶來不公正性）

注意事項

每次檢視時間線的時候，要將瀏覽器的所有快取都清除。

settimeout函式設定的時間不能過短，這個要有一個度，需要自行測試，我設定了13毫秒