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

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

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

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

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

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

小推送大不同

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

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

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

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

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

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

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

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

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

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