css載入優化

2022-05-12 08:07:52 字數 352 閱讀 2492

為了避免讓使用者看到長時間的白屏時間,我們應該盡可能的提高css載入速度,比如可以使用以下幾種方法:

1:使用cdn(因為cdn會根據你的網路狀況,替你挑選最近的乙個具有快取內容的節點為你提供資源,因此可以減少載入時間)

2:對css進行壓縮(可以用很多打包工具,比如webpack,gulp等,也可以通過開啟gzip壓縮)

3:合理的使用快取(設定cache-control,expires,以及e-tag都是不錯的,不過要注意乙個問題,就是檔案更新後,你要避免快取而帶來的影響。其中乙個解決防範是在檔案名字後面加乙個版本號)

4:減少http請求數,將多個css檔案合併,或者是乾脆直接寫成內聯樣式(內聯樣式的乙個缺點就是不能快取)

CSS載入效能優化

將首屏頁面要用到的css檔案,放在頁面頭部載入,其他模組的css可以使用非同步載入 loadcss 和 preload。1 通過rel preload 進行內容預載入 2 preload 的w3文件 對於一些不是首屏載入的css,我們可以如下寫法 preload href path to haoro...

webview載入優化

override public webresourceresponse shouldinterceptrequest webview view,string url else if url.contains 20.b7e931615e2f93316749.js else if url.contain...

js載入優化

阻塞特性 js有個很無語的阻塞特性,就是當瀏覽器在執行js 時,不能同時做其他任何事情,無論其 是內嵌的還是外部的。頁面的內容。組織指令碼 為了改善上面的阻塞情況,應盡可能的減少頁面中 1.延遲的指令碼 html4 為 function load script url,callback else s...