更快速、更精簡的頁面重新載入

谷歌開發者_發表於2017-02-09

640?wx_fmt=gif


文|Takashi Toyoshima(Reloader 先生)


重新載入一直是網路瀏覽器的一項主要功能,多年來,儘管網路平臺創新、連線性和內容消耗模式的格局在不斷變化,但重新載入仍保持其最初的行為。重新載入頁面時,瀏覽器會向網路伺服器確認已快取的資源是否仍然可用,此過程稱為驗證。這通常會導致每個頁面要向數十個網域發起數以百計的網路請求。


在移動裝置上,移動連線的長延遲時間和瞬時特點意味著此行為可能產生嚴重的效能問題。最新版本的 Chrome 對頁面重新載入行為進行了更改,使得重新載入速度提高 28%,驗證請求減少 60%。


640?wx_fmt=png

640?wx_fmt=png


使用者通常會因為頁面斷開或內容似乎過時而重新載入頁面。現有重新載入行為通常可以解決頁面斷開問題,但常規重新載入並不能有效地解決內容過時問題,尤其是在移動裝置上。此功能最初是針對頁面斷開非常普遍的情況而設計,因此同時解決這兩種用例是合理的。


不過,隨著網頁質量的提升,此最初設計關注點現在已經沒什麼作用。為改進過時內容用例,Chrome 現在配置了一個簡化的重新載入行為,該行為僅驗證主資源,然後繼續執行常規頁面載入。此新行為可以最大程度地重複利用已快取的資源,從而縮短延遲時間,降低功率和流量消耗。



儘管只是做了比較細微的更改,但是新行為可以將重新載入速度提高達 28%,並且降低了頻寬和功率消耗。此外,Facebook 告訴我們,據資料顯示,Chrome 傳送驗證請求的速率是其他瀏覽器的三倍。有賴於最新的重新載入行為以及一些相關更改,Facebook 現反饋 Chrome 的頁面重新載入速度提升 28%,驗證請求減少 60%。


我們希望這項更快速的重新載入行為能夠為您帶來便利,讓您無論什麼時候都可以在自己喜歡的網站上獲取最新內容,或在連線訊號不穩定的地鐵中快速恢復載入。


推薦閱讀:

使用Service worker實現加速/離線訪問靜態blog網站

Web Apps的未來

Service Worker讓Web應用也能離線、即時載入


640?wx_fmt=gif

相關文章