更快速、更精簡的頁面重新載入
文|Takashi Toyoshima(Reloader 先生)
重新載入一直是網路瀏覽器的一項主要功能,多年來,儘管網路平臺創新、連線性和內容消耗模式的格局在不斷變化,但重新載入仍保持其最初的行為。重新載入頁面時,瀏覽器會向網路伺服器確認已快取的資源是否仍然可用,此過程稱為驗證。這通常會導致每個頁面要向數十個網域發起數以百計的網路請求。
在移動裝置上,移動連線的長延遲時間和瞬時特點意味著此行為可能產生嚴重的效能問題。最新版本的 Chrome 對頁面重新載入行為進行了更改,使得重新載入速度提高 28%,驗證請求減少 60%。
使用者通常會因為頁面斷開或內容似乎過時而重新載入頁面。現有重新載入行為通常可以解決頁面斷開問題,但常規重新載入並不能有效地解決內容過時問題,尤其是在移動裝置上。此功能最初是針對頁面斷開非常普遍的情況而設計,因此同時解決這兩種用例是合理的。
不過,隨著網頁質量的提升,此最初設計關注點現在已經沒什麼作用。為改進過時內容用例,Chrome 現在配置了一個簡化的重新載入行為,該行為僅驗證主資源,然後繼續執行常規頁面載入。此新行為可以最大程度地重複利用已快取的資源,從而縮短延遲時間,降低功率和流量消耗。
儘管只是做了比較細微的更改,但是新行為可以將重新載入速度提高達 28%,並且降低了頻寬和功率消耗。此外,Facebook 告訴我們,據資料顯示,Chrome 傳送驗證請求的速率是其他瀏覽器的三倍。有賴於最新的重新載入行為以及一些相關更改,Facebook 現反饋 Chrome 的頁面重新載入速度提升 28%,驗證請求減少 60%。
我們希望這項更快速的重新載入行為能夠為您帶來便利,讓您無論什麼時候都可以在自己喜歡的網站上獲取最新內容,或在連線訊號不穩定的地鐵中快速恢復載入。
推薦閱讀:
使用Service worker實現加速/離線訪問靜態blog網站
相關文章
- fragment清除頁面資料(重新載入佈局)Fragment
- 簡單的網頁登入頁面網頁
- js 進入頁面載入的方法JS
- 頁面載入全過程
- 頁面載入和解析流程
- 頁面載入順序jQueryjQuery
- 啟動載入廣告頁面
- asp.net 頁面載入ASP.NET
- 頁面載入loading
- 使用Web元件載入頁面Web元件
- Python頁面載入的等待方式Python
- 頁面圖片預載入與懶載入策略
- iOS 預載入 Web 頁面方案iOSWeb
- js頁面載入觸發事件JS事件
- 動態載入頁面--小練
- C#實現頁面載入C#
- a連結重新整理頁面與js重新整理頁面總結JS
- js重新整理頁面JS
- javascript判斷iframe頁面載入完畢方法簡單介紹JavaScript
- python_Django簡單的登入頁面PythonDjango
- 10種優化頁面載入速度的方法優化
- 頁面載入效能之優化LCP優化
- 瀏覽器頁面載入過程瀏覽器
- JS 頁面載入過程問題JS
- ajax實現頁面非同步載入非同步
- 如何加速Android WebView頁面載入AndroidWebView
- JavaScript禁用頁面重新整理JavaScript
- 綠色簡單的學校登入html頁面HTML
- 從輸入 URL 到頁面載入全過程
- 動態頁面資料載入不全的問題
- CSS3實現的頁面載入等待效果CSSS3
- Javascript在頁面載入時的執行順序JavaScript
- 瀏覽器的載入與頁面效能優化瀏覽器優化
- JS_簡單實現頁面輸入JS
- 小米手機載入h5頁面載入不出圖片H5
- Searchmetrics:頁面載入越快搜尋排名越高
- iOS效能優化之頁面載入速率iOS優化
- 用 preload 預載入頁面資源