導航:首頁 > 網站優化 > 優化網站js載入時間

優化網站js載入時間

發布時間:2020-10-20 05:47:38

1、網頁載入很慢JS或jquery堵塞,導致很久才彈出窗口

填寫完應該是你表單文件的問題。檢查/Search/index.asp 這個文件。
這個可能是你伺服器ASP文件問題或者伺服器IIS的問題,ASP文件運行慢。

2、頁面載入完成後等待一段時間在執行js的方法,時間如何設定

例如方法:
function test(){return 1;}
頁面載入完畢事件:
window.onload = function(){
setTimeout(test,1000);//1000毫秒=1秒後執行test方法
}
如果你使用jquery的話回可以答:
$(window).load(function(){
setTimeout(test,1000);//1000毫秒=1秒後執行test方法
});

setTimeout是只執行一次,重復執行使用setInterval

window.onload = function(){
setInterval(test,1000);//1000毫秒=1秒,每隔1秒執行一次test方法
}

3、JS能設置最多載入時間 嗎?

你可以 setTimeout 5秒以後隱藏"載入中"
但是!
這里"載入中" 是應該需要後台返回重要數據才能消除顯示的
比如一個新聞詳情 有 1. 此新聞具體內容 2. 廣告部分
則你的載入順序應該為 1. 先請求新聞內容 2. 請求廣告內容
"載入中"顯示時間應該是 1的開頭到1的結尾
如果此網頁的核心業務請求花了10s 那麼就算你第五秒顯示頁面 用戶也看不到想看的
so 你應該梳理一下你的代碼業務 將"載入中"的顯示放在核心業務請求

4、如何解決CSS JS和圖片對網站載入速度的影響

(1)指定圖像尺寸載入圖像之前,您的瀏覽器開始渲染頁面。制定圖像尺寸,有助於它環繞不可替代的元素。如果沒有制定尺寸,一旦圖像被下載您的瀏覽器將迴流,為了做到這個,筆者建議在< IMG 元素使用高度和寬度標簽規格。注意不要使用尺寸縮放功能的圖像,因為用戶仍然還是需要下載原始文件的大小,筆者認為,其實圖像並不需要多大的屏幕空間,只要能讓用戶看清楚就可以。(2)優化圖像在使用圖像的過程中,包含了一些額外的東西,比如使用一些無用的顏色,額外的多出的圖片大小。使用之前先對其進行優化,將大小保持在最低程度,嘗試保存JPEG格式,這將幫助很多慢速的網路用戶。這樣做的原因是為了在保持圖片質量的同時控制其重量,減少伺服器的載入時間。2、避免CSS表達式HTML頁面進度指示器指示,瀏覽器載入頁面的流程是逐步從頁頭,導航欄,內容等,如果將CSS文件放在頁面底部,將會靜止許多瀏覽器進行渲染,這些瀏覽器阻止渲染將會導致頁面被重繪,使用CSS文件需要將其放置在頁面頂端,並且CSS文件避免使用CSS表達式。CSS表達式是一個強大的和危險的方式動態設置CSS屬性。他們支持在Internet Explorer版本5開始,但與IE8開始棄用。作為一個例子,可以設置背景顏色交替使用CSS表達式每隔一小時:getHours背景色:表達式((新的Date())()2%B8D4FF#:#F08A00);CSS表達式將會增加頁面的一個翻譯時間,延長頁面的載入時間。3、使用外部js和css文件在現實世界中使用外部文件,一般會產生更快的網頁,因為是由瀏覽器的Javascript和CSS文件緩存。Javascript和CSS在HTML文檔內聯得到下載的HTML文件要求的時間。這減少了所需的HTTP請求的數量,但增加了HTML文檔的大小。

5、如何給JS設置載入時間?( 一段JS代碼過五秒後再載入)

比如onload事件裡面,執行了一段代碼,執行完成之後,想讓它過5秒執行回另一段答代碼:
<script>
function abc(){
//執行你的代碼
setTimeout("bbb()",5000);//設置5秒鍾後執行bbb方法
}

function bbb(){
alert("123");
}

</script>
<body onload="abc()"></body>

6、如何優化echarts all.js的載入時間

你好。根據你的描述:你沒有給出具體的echarts.js 與 echarts-plain.js句子,無法給你判斷出這兩個區別,請確認並完善提問描述,我會盡快回復你。

7、如何處理前端頁面首次載入慢的問題

這是一個copyajax請求,幾秒鍾的延遲時間屬於正常范圍,它是非同步運行的,對頁面的載入速度不會造成直接影響。從圖片中可看出,它的載入時間為138ms,不算長啊,後面的4.84s是它等待伺服器返回數據的時間,在這段時間里,頁面的其他元素是繼續載入的,不會受影響。所以這個4.84s是不算在首頁載入時間內的。就好比一個體育賽事直播的網頁,它的比分一般都是通過ajax非同步方式定時刷新的,而這個刷新的時間並不算在頁面的載入時間內,因為這時候頁面早就載入完畢了。
當然,這個4.84s的時間長短,是由多種因素造成的,比如電腦性能、網路狀態等,但最大的影響因素通常都是後台資料庫的查詢速度,通過優化可以大大縮短這個查詢時間。

8、怎麼查看網頁每一部分的載入速度,比如圖片,js,css文件的載入速度

需要准備的材料分別是:電腦、chrome瀏覽器。

1、首先,打開chrome瀏覽器,進入要查看的網頁,例如:.baidu.com。

2、鍵盤按F12,會調出開發者工具,點擊「Network」標簽頁。

3、鍵盤按「F5」鍵以刷新頁面,此時從開發者工具可以看到各個資源(例如圖片、css文件、js文件)的載入花費時間。

9、網站載入的js過多,打開速度很慢很慢。

1,如果是因為你的伺服器的網速不快,那麼你把js放到一個高速伺服器或者雲存儲是可以的。但是如果客戶端本身的網速不快,你放到哪都沒用。
2、緩存是很好的解決方案。如果你能使用一些公共的js源,比如客戶端以前用過的來源,當打開網站的時候,就會直接找到這些源的緩存,就可以加快打開速度。
3、還要從代碼本身下手,根據不同的頁面,打開不同的js吧。沒用的js就先不要載入了。

10、js載入速度慢怎麼解決?

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

把通常載入方式:
<script src="xxxx.js"></script>

改變成:
<script type="text/javascript">
document.write("<scr"+"ipt src=\"xxx.js\"></sc"+"ript>")
</script>

-------------------------------------

舉個例子:
比如下面是申請的站長統計代碼,以前盡管是把它放在頁面的最底部,但還是拖累頁面載入進度。

<script src="http://s69.cnzz.com/stat.php?id=265381&web_id=265381&show=pic" language="JavaScript" charset="gb2312"></script>

我們可以把它換成這樣的方式來載入(任然放在頁面最底部):
<<script type="text/javascript">>
document.write("<<scr"+"ipt src=\"http://69.cnzz.com/stat.php?id=2651&web_id=2681&show=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載入時間相關的知識