優化頁面載入速度 江南春008 新浪部落格

2021-10-10 12:31:38 字數 403 閱讀 3312

當我們開啟乙個網頁時,如果很長時間沒有開啟,你是不是會關閉不再瀏覽了呢?很多情況下答案是不會再瀏覽了。我們作為網頁的開發設計人員在遇到載入慢的問題時該如何解決呢。

首先,要分析網頁載入慢到底慢在哪一部分,找到耗時長的部分進行優化。那麼,如何才能找到呢?你可以在每乙個階段的開始和結束位置設定乙個時間,用時間差來計算所需時間。

其次,對載入速度慢的**進行優化。此處舉乙個小例子,假如你的網頁內容是從xml中讀取的,讀取的過程中需要進行一些判斷。我們知道讀取xml並不需要費太長時間,但是判斷花費的時間較多,此時我們可以將讀取和判斷分離。將xml中的資料儲存在乙個json格式的靜態常量中(目的是再次請求時如果此常量不為空就不用再次讀取xml檔案了),然後從json物件中讀取資料進行判斷,這樣可以節省很多時間。

最後,檢查一下邏輯平判斷關係是否正確。

HTML中瀏覽器相容問題 江南春008 新浪部落格

同乙個網頁在不同瀏覽器中顯示的效果不一樣,這是因為不同瀏覽器對網頁 的解釋不一樣,特別是css樣式方面,這就是瀏覽器相容性問題。為了解決流浪器相容問題,程式設計師需要針對各種瀏覽器存在的 bug 編寫相應的css 這種 也稱作css hack。首先介紹一下主流瀏覽器的css hack方法 瀏覽器 特...

優化頁面載入速度

1.js css html做gzip壓縮 不要對進行gzip壓縮 2.刪除js css html 檔案的注釋,回車符,以及無效位元組 4.css放到header中,避免白屏 5.合併js和css 壓縮js和css 6.優化快取 對沒有變化的css js,等網頁元素,直接利用客戶端的瀏覽器快取讀取來有...

載入頁面訪問速度 優化

一 優化 即使在現在,網路頻寬有了很多的提高,56k貓逐漸淡出,優化以加快網頁速度還是很有必要的。優化包括減少數 降低影象質量 使用恰當的格式。2 降低影象質量 如果不是很必要,嘗試降低影象的質量,尤其是jpg格式,降低5 的質量看起來變化不是很大,但檔案大小的變化是比較大的。二 影象格式的選擇 1...