瀏覽器頁面白屏怎麼處理

2021-10-14 12:02:03 字數 427 閱讀 2203

1.減少渲染堵塞

解決辦法:

①將script放在body後面

②給script加 defer 屬性(值)

2.減少head裡的css資源

由於css必須要放在head裡(否則頁面載入會出問題,比如載入完成後又進行dom重繪),但是css太多,在head裡又會阻塞頁面渲染,所以我們要盡可能減少css**量。

①.對css壓縮和快取

②.不要放太多,要是放可以進行優化,比如懶載入

3.http2已經席捲而來,而且其有乙個強大的優勢,在於對於乙個域只進行一次tcp連線,使用多路復用,傳輸多個資源(同時載入)

4.**優化:

**優化 :html不要巢狀太多層(否則會加重頁面layout的壓力),css選擇器別寫的太複雜(不然計算量會很大),js不要濫用閉包(閉包會加深作用域鏈,加長變數查詢時間)

瀏覽器關閉事件頁面處理

開發中遇到問題 業務希望關閉瀏覽器後後台能夠得到使用者已經離開系統操作訊息,因為這個訊息將會觸發在其他業務系統中功能,所以在實時性上有要求。需求分析 1 js通過繫結onbeforeunload事件在觸發時候呼叫ajax傳送請求到伺服器,但是實際上頁面物件已經釋放了,那麼在ajax還沒有傳送成功時候...

chrome瀏覽器渲染白屏問題剖析

剛截圖十幾次,終於捕捉到了這個白屏現象,hiahia 大家可以很清晰地看到下邊還木有渲染完畢的透明層,這是乙個十分普遍的問題,經常遇到。我的瀏覽器版本是 到目前為止應該是最新版 release版本 之前的版本應該也存在類似的問題。只要處理好 這種體驗相當不好的白屏問題是可以避免的,qzone的頁面貌...

VUE解決IE瀏覽器白屏問題

vue專案本地或部署到伺服器,所有瀏覽器都可以開啟,除了ie瀏覽器,ie瀏覽器開啟白屏 報語法錯誤。1 安裝 babel polyfill npm install babel polyfill2 在main.js中引入 import babel polyfill 3 修改配置 webpack bas...