讓網頁加載快1秒的深遠影響
全球內容交付網絡(CDN)服務領頭羊 Akamai 近日公佈的《互聯網狀況》指出,2015 年第 4 季度全球平均網速為 5.6Mbps,同比增長 23% 環比增長 8.6%。寬帶發展聯盟發佈的第 11 期《中國寬帶速率狀況報告》顯示,2016 年第 1 季度我國固定寬帶網絡下載速率達到 9.46 Mbit/s,環比提升 13.4%,而且工信部表示將繼續提速年底之前希望平均接入速度達到 30M。
在網絡不斷提速的大背景下,日常生活中我們依然不時發出「網絡太慢了」這樣的感慨。自然這裏指的「慢」並非是撥號時代需要等待數分鐘時間才能完成網頁加載的「慢」,而是哪怕擁有高速網絡接入,頁面載入在感官體驗上依然存在延遲--在移動設備上表現的尤為明顯。根據 Google 的內部研究這對於互聯網商家來説是極其不利的,哪怕一絲的延遲都能導致客户流失。
馬修·普林斯(Matthew Prince)和他的初創公司 Cloudflare 已經找到了解決問題的方法。Cloudflare 提供的一項服務是通過在自家服務器上緩存頁面來改善網站的速度和安全,避免網站受到黑客攻擊的同時也儘可能的為合法用户帶來更快的頁面載入。現在,為了讓網站加載更快,Cloudflare 正部署推出基於 HTTP 2.0 網頁標準的服務器推送(Server Push),普林斯表示相比較傳統的客户端請求(Client Pull)來説這能夠讓頁面載入時間縮短 1 秒。
也許這縮短的 1 秒時間聽上去並不是很多,但根據 Google 的研究,哪怕五分之一秒的延遲都能減少用户願意消耗在網站上的瀏覽時間。一個網頁應用讓你感覺像是本地應用一樣流暢還是延遲的無法使用,這兩種使用體驗之間的差別其實只有數百毫秒。因此普林斯認為服務器推送必然會帶來巨大的差異體驗,HTTP 2.0 能夠讓開發者在網絡上實現此前認為不可能的事情。
他説道:「服務器推送是解鎖網頁應用新篇章的鑰匙。我們希望把這把鑰匙交到開發者手中並共同見證會創造出什麼樣的精彩未來。」
小推送大不同
讓我們感覺網頁載入依然很慢的原因之一是儘管自撥號時代以來帶寬不斷增加,但與此同時頁面也變得的更大更復雜。高分辨率圖片、動畫特效、視頻、廣告、分析腳本都是導致變慢的罪魁禍首。網絡已經變得非常臃腫,現在的平均網頁容量幾乎等同於初代《毀滅戰士》遊戲大小。
導致網站變慢的原因並非僅僅只是網頁體積。事實上在打開網頁的過程中,下載每個獨立元素都需要你的網頁瀏覽器向託管網站的服務器發出獨立的請求。如果其中任何一個請求出現 Stalled(阻塞)狀態,自然就會影響整個頁面的加載,更有可能導致頁面顯示不正確。
儘管裁切掉這部分的請求或許有些幫助,但對於那些注重圖片或者交互功能的網站來説依然需要處理大量的服務器響應。這也意味着網頁瀏覽器同樣需要在不受阻礙的方式下使用更好的方式來請求所有元素。
這也是 HTTP 標準繼任者--HTTP 2.0 嘗試改變的地方。HTTP 2.0 中新增的數項功能能夠更快更高效的下載和顯示網頁,例如能夠在一個報文(或者 HTTP 響應)中包含多項數據項。
服務器推送是今後 Cloudflare 公司大力推進的標準,也是公司產品的主打功能。它能夠讓網頁服務器告訴網頁瀏覽器需要在前期頁面中所涵蓋的所有不同元素,而不再需要現在一樣按照順序載入網頁內容。
讓網頁多任務
普林斯以本地銀行網站為例進一步説明。當你登陸的時候,銀行網站在生成頁面併發送到你的網頁瀏覽器之前必須請求一個關於近期交易清單並計算你銀行存款餘額的列表,只有當你的瀏覽器獲得頁面之後才會進一步請求例如銀行 LOGO 和表格樣式等其他元素,並告訴瀏覽器如何格式化網頁。而在部署服務器推送之後,銀行網站就可以在計算賬户餘額的時候發送 LOGO 和表格樣式。
包括 Google Chrome 和 Mozilla Firefox 在內的部分瀏覽器都已經支持 HTTP 2.0。很多其他網頁瀏覽器也已經支持它的前身--Google 的 SPDY(發音和 Speed 相同)協議。不過現在的問題是隻有少量的網頁真的支持 HTTP 2.0。普林斯表示,網站在部署服務器推送方面進程非常緩慢。
自今天開始,Cloudflare 的客户已經開始在網站上部署服務器推送,哪怕他們自己的服務器或者網站主機並不支持。而伴隨着這個進程不斷加快,我們日常訪問的網站可能變得更快。普林斯表示目前已經有超過 200 萬家網站使用 Cloudflare 所提供的服務,這其中包括全球頂級網站前 100 萬家中的 7%。從理論上來説,Cloudflare 能夠讓客户更充分發揮服務器推送的能力,同時也為客户新增了部分工作內容。例如,WordPress 用户將需要安裝服務器推送插件以便充分利用這項功能。
普林斯表示該項目的真正意義是,將這把利器交到早期適配者的手中,從而讓網頁應用翻開新的篇章,尤其是在手機領域。讓網頁更像一款本地應用樣流暢使用,為互聯網的未來帶來更美好的前景。
文章來源:Wired,TECH2IPO / 創見 泡沫 編譯,首發於創見科技(http://tech2ipo.com/),轉載請註明出處。
資料來源:TECH2IPO
在網絡不斷提速的大背景下,日常生活中我們依然不時發出「網絡太慢了」這樣的感慨。自然這裏指的「慢」並非是撥號時代需要等待數分鐘時間才能完成網頁加載的「慢」,而是哪怕擁有高速網絡接入,頁面載入在感官體驗上依然存在延遲--在移動設備上表現的尤為明顯。根據 Google 的內部研究這對於互聯網商家來説是極其不利的,哪怕一絲的延遲都能導致客户流失。
馬修·普林斯(Matthew Prince)和他的初創公司 Cloudflare 已經找到了解決問題的方法。Cloudflare 提供的一項服務是通過在自家服務器上緩存頁面來改善網站的速度和安全,避免網站受到黑客攻擊的同時也儘可能的為合法用户帶來更快的頁面載入。現在,為了讓網站加載更快,Cloudflare 正部署推出基於 HTTP 2.0 網頁標準的服務器推送(Server Push),普林斯表示相比較傳統的客户端請求(Client Pull)來説這能夠讓頁面載入時間縮短 1 秒。
也許這縮短的 1 秒時間聽上去並不是很多,但根據 Google 的研究,哪怕五分之一秒的延遲都能減少用户願意消耗在網站上的瀏覽時間。一個網頁應用讓你感覺像是本地應用一樣流暢還是延遲的無法使用,這兩種使用體驗之間的差別其實只有數百毫秒。因此普林斯認為服務器推送必然會帶來巨大的差異體驗,HTTP 2.0 能夠讓開發者在網絡上實現此前認為不可能的事情。
他説道:「服務器推送是解鎖網頁應用新篇章的鑰匙。我們希望把這把鑰匙交到開發者手中並共同見證會創造出什麼樣的精彩未來。」
小推送大不同
讓我們感覺網頁載入依然很慢的原因之一是儘管自撥號時代以來帶寬不斷增加,但與此同時頁面也變得的更大更復雜。高分辨率圖片、動畫特效、視頻、廣告、分析腳本都是導致變慢的罪魁禍首。網絡已經變得非常臃腫,現在的平均網頁容量幾乎等同於初代《毀滅戰士》遊戲大小。
導致網站變慢的原因並非僅僅只是網頁體積。事實上在打開網頁的過程中,下載每個獨立元素都需要你的網頁瀏覽器向託管網站的服務器發出獨立的請求。如果其中任何一個請求出現 Stalled(阻塞)狀態,自然就會影響整個頁面的加載,更有可能導致頁面顯示不正確。
儘管裁切掉這部分的請求或許有些幫助,但對於那些注重圖片或者交互功能的網站來説依然需要處理大量的服務器響應。這也意味着網頁瀏覽器同樣需要在不受阻礙的方式下使用更好的方式來請求所有元素。
這也是 HTTP 標準繼任者--HTTP 2.0 嘗試改變的地方。HTTP 2.0 中新增的數項功能能夠更快更高效的下載和顯示網頁,例如能夠在一個報文(或者 HTTP 響應)中包含多項數據項。
服務器推送是今後 Cloudflare 公司大力推進的標準,也是公司產品的主打功能。它能夠讓網頁服務器告訴網頁瀏覽器需要在前期頁面中所涵蓋的所有不同元素,而不再需要現在一樣按照順序載入網頁內容。
讓網頁多任務
普林斯以本地銀行網站為例進一步説明。當你登陸的時候,銀行網站在生成頁面併發送到你的網頁瀏覽器之前必須請求一個關於近期交易清單並計算你銀行存款餘額的列表,只有當你的瀏覽器獲得頁面之後才會進一步請求例如銀行 LOGO 和表格樣式等其他元素,並告訴瀏覽器如何格式化網頁。而在部署服務器推送之後,銀行網站就可以在計算賬户餘額的時候發送 LOGO 和表格樣式。
包括 Google Chrome 和 Mozilla Firefox 在內的部分瀏覽器都已經支持 HTTP 2.0。很多其他網頁瀏覽器也已經支持它的前身--Google 的 SPDY(發音和 Speed 相同)協議。不過現在的問題是隻有少量的網頁真的支持 HTTP 2.0。普林斯表示,網站在部署服務器推送方面進程非常緩慢。
自今天開始,Cloudflare 的客户已經開始在網站上部署服務器推送,哪怕他們自己的服務器或者網站主機並不支持。而伴隨着這個進程不斷加快,我們日常訪問的網站可能變得更快。普林斯表示目前已經有超過 200 萬家網站使用 Cloudflare 所提供的服務,這其中包括全球頂級網站前 100 萬家中的 7%。從理論上來説,Cloudflare 能夠讓客户更充分發揮服務器推送的能力,同時也為客户新增了部分工作內容。例如,WordPress 用户將需要安裝服務器推送插件以便充分利用這項功能。
普林斯表示該項目的真正意義是,將這把利器交到早期適配者的手中,從而讓網頁應用翻開新的篇章,尤其是在手機領域。讓網頁更像一款本地應用樣流暢使用,為互聯網的未來帶來更美好的前景。
文章來源:Wired,TECH2IPO / 創見 泡沫 編譯,首發於創見科技(http://tech2ipo.com/),轉載請註明出處。
資料來源:TECH2IPO