網(wǎng)頁加載速度快1秒會影響什么

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

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

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

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

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

小推送大不同

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

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

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

這也是HTTP標(biāo)準(zhǔn)繼任者--HTTP2.0嘗試改變的地方。HTTP2.0中新增的數(shù)項(xiàng)功能能夠更快更高效的下載和顯示網(wǎng)頁，例如能夠在一個報(bào)文（或者HTTP響應(yīng)）中包含多項(xiàng)數(shù)據(jù)項(xiàng)。

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

讓網(wǎng)頁多任務(wù)

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

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

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

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