南順網絡
Google版小程序來了 新浪上線PWA版微博
「加點廣告怎麽了?」
這是新浪微博 APP 用戶最大的(de)感受之一(yī)：廣告。新浪微博也被大家親切的(de)稱為(wèi)「渣浪」。
不過，在 12 月 13 日的(de) Google 開發者大會上，新浪微博上線了一(yī)款沒有廣告、信息流按照時間排列的(de)「APP」。
APP 之所以要加上引号，是因為(wèi)這其實是微博 PWA 版本，目前是 beta 版本測試，訪問入口也很簡單，後綴加上 beta 就可(kě)以了：
m.weibo.cn/beta
PWA 是什麽?微博 PWA 版難道(dào)不是一(yī)個 APP 嗎?
PWA 是 Google 在這次開發者大會上倡導開發者們去(qù)嘗試使用的(de)一(yī)項技術，最早在 2015 年(nián)推出，全稱是 Progressive Web App，直譯過來的(de)意思是漸進式網絡應用。從它的(de)定位和(hé)形态上你可(kě)以先把它看作 Google 版小程序。
接近 APP 形态的(de)網頁
以微博 PWA 版為(wèi)例，你想「獲得這款 APP」，首先需要在 Android 手機上打開 Chrome、UC、360 浏覽器、百度浏覽器等，輸入對應的(de)網址，打開網頁後登錄上賬号就可(kě)以刷微博了。
接着，你可(kě)以選擇把這個頁面添加到桌面，等待加載完成後，一(yī)個很像微博 APP 的(de)圖标就出現了。
直接點擊這個圖标，就可(kě)以進入到你的(de)微博頁面，比較有意思的(de)是：
在桌面上點擊剛生成的(de)這個圖标，會有獨立的(de)開屏頁面——微博 lite，浏覽頁無論怎麽上下滑動都沒有了浏覽器的(de)地(dì)址欄，多任務切換也有單獨的(de)後台标簽頁。
浏覽圖片和(hé)視(shì)頻的(de)過渡動畫也很 APP，如(rú)果不是沒有廣告的(de)話，其實很難分得清與微博 APP 的(de)區别了。
12 月 13 日上午十點開始，訪問移動版微博網頁的(de)用戶已經自(zì)動跳轉到最新的(de)微博 PWA 版本。
漸進式
從微博 PWA 版多個操作步驟也可(kě)以看出，PWA 在實際應用中其實有點類似于「養成遊戲」——也就是漸進式的(de)形象表達。
如(rú)果你隻是臨時想浏覽一(yī)下微博，打開浏覽器直接訪問就可(kě)以了，沒必要再專門把它放在桌面「養着」。
當然，對于重度微博用戶，微博 PWA 版就可(kě)以漸進式地(dì)變成 App，被添加到主屏幕後，你下次使用它就可(kě)以全屏運行，再下次打開網絡不好也能加載之前的(de)緩存。
離(lí)線能力
PWA 的(de)「武功」不隻是改一(yī)下界面、添加個主屏幕那麽簡單，在離(lí)線和(hé)弱網環境下也能快速開啓。
在 Service Worker 和(hé) Cache API 的(de)幫助下，網頁可(kě)以預先緩存一(yī)些內(nèi)容。
比如(rú) Google 自(zì)家的(de)這個 Chrome Dev Summit 2017 頁面，離(lí)線之後依然可(kě)以查詢相應的(de)交通信息。
這對于內(nèi)容構成中圖片、視(shì)頻占比跟高(gāo)的(de)微博也意義重大：有了這項離(lí)線能力，微博 PWA 版在網絡較差的(de)環境下也能保證圖片和(hé)視(shì)頻的(de)加載速度。
在開發者文檔示例中，利用這項離(lí)線能力，語音備忘錄不需要網絡也能記錄聲音了。
推送通知
網頁與 APP 最大的(de)區别之一(yī)是沒有推送，網頁因此也給用戶留下了「用完即走」的(de)印象。在 PWA 時代，這些都不存在了：就算你不打開網頁，依然會收到推送的(de)消息。
大緻的(de)技術原理(lǐ)依然是依賴 Service Worker 與各種不同的(de)推送機制。目前 360 浏覽器，手機百度 和(hé) UC浏覽器都已經支持 Service Worker 規範和(hé) Cache API，QQ 浏覽器也宣布了在不久的(de)将來就會支持 Service Worker 規範。
至于具體的(de)推送機制，Chrome 目前支持的(de)是 Google 官方的(de)推送機制，不過既然微博 PWA 版已經支持了 UC、百度等浏覽器，以後可(kě)能會接入更多的(de)推送服務提供商。
PWA 還有一(yī)個「同門師弟」——AMP
「天下武功，唯快不破」是對 AMP 最準确的(de)描述。
AMP 是 Google 為(wèi)了解決移動端搜索加載速度慢以及閱讀體驗不佳的(de)問題而發起的(de)移動網頁加速計劃。關鍵在于核心的(de)腳本和(hé)圖片資源均由 Google 分發，借助 Google 的(de)數據中心優化靜态資源加載。
最終達到的(de)效果是可(kě)以秒開頁面，Google 統計數據顯示：網頁下載速度的(de)中位數少于 0.5 秒，浏覽時間是在普通網頁上的(de)兩倍，轉化率提高(gāo)了 20%。
PWA 的(de)這些特點與小程序還是不太一(yī)樣的(de)，而且微信對小程序的(de)推送通知限制很嚴格。
其實，Google 和(hé)騰訊旗下微信不同的(de)公司定位已經決定了産品定位的(de)差異——依托于網頁的(de) PWA 和(hé)依托于一(yī)個聊天 APP 的(de)小程序注定是不同的(de)。
依托于網頁，支持多款浏覽器也使得 PWA 有更廣泛的(de)适用性，開發者隻需遵守相關技術規範就可(kě)以了。而小程序的(de)上線需要經過微信審核，更像是一(yī)個簡化版的(de)蘋果應用商店。
不隻是審核，受到平台限制，小程序也被迫站隊——比如(rú)微博、淘寶基本不可(kě)能出小程序版(小程序目前隻能看微博熱門，沒有完整的(de)信息流版本)，餓了麽、美團點評隻能用微信支付。
小程序與 Google 的(de)另一(yī)項目 Android Instant Apps 有點類似，PWA 是網頁 APP 化，Instant Apps 是 APP 的(de)精簡版，出發的(de)起點不同，産生的(de)産品也不同。小程序更像是「微信應用商店」的(de) Instant Apps。
說了這麽多，目前你感受最明顯的(de)可(kě)能就是沒有廣告的(de)微博 PWA 版了。
所以這次 Google PWA 在中國的(de)宣傳，最大的(de)赢家之一(yī)就是微博了。
微博負責該項目的(de)軟件工程師表示：半年(nián)的(de)努力沒有白費!而且即便使用的(de)浏覽器暫時不支持 PWA(如(rú) iOS Safari)，這一(yī)重新設計開發的(de)版本也會加快打開微博手機網頁版的(de)速度。
編輯:--ns868
