網頁加載速度快1秒會影響什么

全球內容交付網絡（CDN）服務領頭羊Akamai近日公布的《互聯(lián)網狀況》指出，2015年第4季度全球平均網速為5.6Mbps，同比增長23%環(huán)比增長8.6%。寬帶發(fā)展聯(lián)盟發(fā)布的第11期《中國寬帶速率狀況報告》顯示，2016年第1季度我國固定寬帶網絡下載速率達到9.46Mbit/s，環(huán)比提升13.4%，而且工信部表示將繼續(xù)提速年底之前希望平均接入速度達到30M。

在網絡不斷提速的大背景下，日常生活中我們依然不時發(fā)出網絡太慢了這樣的感慨。自然這里指的慢并非是撥號時代需要等待數分鐘時間才能完成網頁加載的慢，而是哪怕?lián)碛懈咚倬W絡接入，頁面載入在感官體驗上依然存在延遲--在移動設備上表現(xiàn)的尤為明顯。根據Google的內部研究這對于互聯(lián)網商家來說是極其不利的，哪怕一絲的延遲都能導致客戶流失。

馬修·普林斯和他的初創(chuàng)公司Cloudflare已經找到了解決問題的方法。Cloudflare提供的一項服務是通過在自家服務器上緩存頁面來改善網站的速度和安全，避免網站受到黑客攻擊的同時也盡可能的為合法用戶帶來更快的頁面載入?，F(xiàn)在，為了讓網站加載更快，Cloudflare正部署推出基于HTTP2.0網頁標準的服務器推送，普林斯表示相比較傳統(tǒng)的客戶端請求來說這能夠讓頁面載入時間縮短1秒。

也許這縮短的1秒時間聽上去并不是很多，但根據Google的研究，哪怕五分之一秒的延遲都能減少用戶愿意消耗在網站上的瀏覽時間。一個網頁應用讓你感覺像是本地應用一樣流暢還是延遲的無法使用，這兩種使用體驗之間的差別其實只有數百毫秒。因此普林斯認為服務器推送必然會帶來巨大的差異體驗，HTTP2.0能夠讓開發(fā)者在網絡上實現(xiàn)此前認為不可能的事情。

他說道：服務器推送是解鎖網頁應用新篇章的鑰匙。我們希望把這把鑰匙交到開發(fā)者手中并共同見證會創(chuàng)造出什么樣的精彩未來。

小推送大不同

讓我們感覺網頁載入依然很慢的原因之一是盡管自撥號時代以來帶寬不斷增加，但與此同時頁面也變得的更大更復雜。高分辨率圖片、動畫特效、視頻、廣告、分析腳本都是導致變慢的罪魁禍首。網絡已經變得非常臃腫，現(xiàn)在的平均網頁容量幾乎等同于初代《毀滅戰(zhàn)士》游戲大小。

導致網站變慢的原因并非僅僅只是網頁體積。事實上在打開網頁的過程中，下載每個獨立元素都需要你的網頁瀏覽器向托管網站的服務器發(fā)出獨立的請求。如果其中任何一個請求出現(xiàn)Stalled（阻塞）狀態(tài)，自然就會影響整個頁面的加載，更有可能導致頁面顯示不正確。

盡管裁切掉這部分的請求或許有些幫助，但對于那些注重圖片或者交互功能的網站來說依然需要處理大量的服務器響應。這也意味著網頁瀏覽器同樣需要在不受阻礙的方式下使用更好的方式來請求所有元素。

這也是HTTP標準繼任者--HTTP2.0嘗試改變的地方。HTTP2.0中新增的數項功能能夠更快更高效的下載和顯示網頁，例如能夠在一個報文（或者HTTP響應）中包含多項數據項。

服務器推送是今后Cloudflare公司大力推進的標準，也是公司產品的主打功能。它能夠讓網頁服務器告訴網頁瀏覽器需要在前期頁面中所涵蓋的所有不同元素，而不再需要現(xiàn)在一樣按照順序載入網頁內容。

讓網頁多任務

普林斯以本地銀行網站為例進一步說明。當你登陸的時候，銀行網站在生成頁面并發(fā)送到你的網頁瀏覽器之前必須請求一個關于近期交易清單并計算你銀行存款余額的列表，只有當你的瀏覽器獲得頁面之后才會進一步請求例如銀行LOGO和表格樣式等其他元素，并告訴瀏覽器如何格式化網頁。而在部署服務器推送之后，銀行網站就可以在計算賬戶余額的時候發(fā)送LOGO和表格樣式。

包括GoogleChrome和MozillaFirefox在內的部分瀏覽器都已經支持HTTP2.0。很多其他網頁瀏覽器也已經支持它的前身--Google的SPDY（發(fā)音和Speed相同）協(xié)議。不過現(xiàn)在的問題是只有少量的網頁真的支持HTTP2.0。普林斯表示，網站在部署服務器推送方面進程非常緩慢。

自今天開始，Cloudflare的客戶已經開始在網站上部署服務器推送，哪怕他們自己的服務器或者網站主機并不支持。而伴隨著這個進程不斷加快，我們日常訪問的網站可能變得更快。普林斯表示目前已經有超過200萬家網站使用Cloudflare所提供的服務，這其中包括全球頂級網站前100萬家中的7%。從理論上來說，Cloudflare能夠讓客戶更充分發(fā)揮服務器推送的能力，同時也為客戶新增了部分工作內容。例如，WordPress用戶將需要安裝服務器推送插件以便充分利用這項功能。

普林斯表示該項目的真正意義是，將這把利器交到早期適配者的手中，從而讓網頁應用翻開新的篇章，尤其是在手機領域。讓網頁更像一款本地應用樣流暢使用，為互聯(lián)網的未來帶來更美好的前景。