1. 程式人生 > >關於stackoverflow網頁載入很慢的解決辦法

關於stackoverflow網頁載入很慢的解決辦法

身在天朝還幹程式設計師真是一件很無奈的事情,就算你自備了梯子,也不好使。

stackoverflow在天朝並沒有被河蟹,但是我在訪問的時候載入非常慢,實在受不了了,今天狠下心來探個究竟;

 

網頁=HTML檔案+樣式表+Javascript指令碼,瀏覽器在顯示網頁時需要這些材料,那麼決定網頁載入速度最大的就是獲取這些材料的速度了。

開啟Chrome瀏覽器,隨便搜尋一個問題,答案在stackoverflow上的,按下Shift+Ctrl+I組合鍵,出來如下介面

 

在網頁載入的時刻,開啟network檢視,這時會顯示所訪問的網頁瀏覽器需要獲取的所有檔案的詳細資訊。

我們可以看到每個檔案的大小,開始獲取的時間,狀態,獲取結束的時間。

紅色的部分是載入失敗的檔案,令人髮指的30s過後瀏覽器放棄了獲取該檔案的嘗試,這時候我們就知道了導致網頁載入速度緩慢的元凶。

 

很不幸,stackoverflow的使用者頭像是來自www.gravatar.com,一個被天朝河蟹的網站。

原本stackoverflow可以在很短的時間內載入完成,呈現出來,由於瀏覽器顯示介面需要所有材料,我們白白等了數十秒才得以看到問題的答案。

 

如何解決?

如果你自備了梯子,可以將www.gravatar.com這樣的網址加入到梯子的列表裡,或者說你可以通過避免載入影象的方式來訪問stackoverflow。

實際上我所遇到的stackoverflow載入慢是因為該網站使用的樣式表來自於一個被和諧的網址,影象的載入並不影響你閱讀網站的文字內容,但是樣式表決定了網站文字內容的呈現方式,這才是導致網站內容遲遲無法顯現的元