您當前位置: 南順網絡>> 官方資訊>> 行業動態

Google版小程序來了 新浪上線PWA版微博

「加點廣告怎么了?」

這是新浪微博 APP 用戶最大的感受之一:廣告。新浪微博也被大家親切的稱為「渣浪」。

不過,在 12 月 13 日的 Google 開發者大會上,新浪微博上線了一款沒有廣告、信息流按照時間排列的「APP」。

APP 之所以要加上引號,是因為這其實是微博 PWA 版本,目前是 beta 版本測試,訪問入口也很簡單,后綴加上 beta 就可以了:

m.weibo.cn/beta

PWA 是什么?微博 PWA 版難道不是一個 APP 嗎?

PWA 是 Google 在這次開發者大會上倡導開發者們去嘗試使用的一項技術,最早在 2015 年推出,全稱是 Progressive Web App,直譯過來的意思是漸進式網絡應用。從它的定位和形態上你可以先把它看作 Google 版小程序。

接近 APP 形態的網頁

以微博 PWA 版為例,你想「獲得這款 APP」,首先需要在 Android 手機上打開 Chrome、UC、360 瀏覽器、百度瀏覽器等,輸入對應的網址,打開網頁后登錄上賬號就可以刷微博了。

接著,你可以選擇把這個頁面添加到桌面,等待加載完成后,一個很像微博 APP 的圖標就出現了。

直接點擊這個圖標,就可以進入到你的微博頁面,比較有意思的是:

在桌面上點擊剛生成的這個圖標,會有獨立的開屏頁面——微博 lite,瀏覽頁無論怎么上下滑動都沒有了瀏覽器的地址欄,多任務切換也有單獨的后臺標簽頁。

瀏覽圖片和視頻的過渡動畫也很 APP,如果不是沒有廣告的話,其實很難分得清與微博 APP 的區別了。

12 月 13 日上午十點開始,訪問移動版微博網頁的用戶已經自動跳轉到最新的微博 PWA 版本。

漸進式

從微博 PWA 版多個操作步驟也可以看出,PWA 在實際應用中其實有點類似于「養成游戲」——也就是漸進式的形象表達。

如果你只是臨時想瀏覽一下微博,打開瀏覽器直接訪問就可以了,沒必要再專門把它放在桌面「養著」。

當然,對于重度微博用戶,微博 PWA 版就可以漸進式地變成 App,被添加到主屏幕后,你下次使用它就可以全屏運行,再下次打開網絡不好也能加載之前的緩存。

離線能力

PWA 的「武功」不只是改一下界面、添加個主屏幕那么簡單,在離線和弱網環境下也能快速開啟。

在 Service Worker 和 Cache API 的幫助下,網頁可以預先緩存一些內容。

比如 Google 自家的這個 Chrome Dev Summit 2017 頁面,離線之后依然可以查詢相應的交通信息。

這對于內容構成中圖片、視頻占比跟高的微博也意義重大:有了這項離線能力,微博 PWA 版在網絡較差的環境下也能保證圖片和視頻的加載速度。

在開發者文檔示例中,利用這項離線能力,語音備忘錄不需要網絡也能記錄聲音了。

推送通知

網頁與 APP 最大的區別之一是沒有推送,網頁因此也給用戶留下了「用完即走」的印象。在 PWA 時代,這些都不存在了:就算你不打開網頁,依然會收到推送的消息。

大致的技術原理依然是依賴 Service Worker 與各種不同的推送機制。目前 360 瀏覽器,手機百度 和 UC瀏覽器都已經支持 Service Worker 規范和 Cache API,QQ 瀏覽器也宣布了在不久的將來就會支持 Service Worker 規范。

至于具體的推送機制,Chrome 目前支持的是 Google 官方的推送機制,不過既然微博 PWA 版已經支持了 UC、百度等瀏覽器,以后可能會接入更多的推送服務提供商。

PWA 還有一個「同門師弟」——AMP

「天下武功,唯快不破」是對 AMP 最準確的描述。

AMP 是 Google 為了解決移動端搜索加載速度慢以及閱讀體驗不佳的問題而發起的移動網頁加速計劃。關鍵在于核心的腳本和圖片資源均由 Google 分發,借助 Google 的數據中心優化靜態資源加載。

最終達到的效果是可以秒開頁面,Google 統計數據顯示:網頁下載速度的中位數少于 0.5 秒,瀏覽時間是在普通網頁上的兩倍,轉化率提高了 20%。

PWA 的這些特點與小程序還是不太一樣的,而且微信對小程序的推送通知限制很嚴格。

其實,Google 和騰訊旗下微信不同的公司定位已經決定了產品定位的差異——依托于網頁的 PWA 和依托于一個聊天 APP 的小程序注定是不同的。

依托于網頁,支持多款瀏覽器也使得 PWA 有更廣泛的適用性,開發者只需遵守相關技術規范就可以了。而小程序的上線需要經過微信審核,更像是一個簡化版的蘋果應用商店。

不只是審核,受到平臺限制,小程序也被迫站隊——比如微博、淘寶基本不可能出小程序版(小程序目前只能看微博熱門,沒有完整的信息流版本),餓了么、美團點評只能用微信支付。

小程序與 Google 的另一項目 Android Instant Apps 有點類似,PWA 是網頁 APP 化,Instant Apps 是 APP 的精簡版,出發的起點不同,產生的產品也不同。小程序更像是「微信應用商店」的 Instant Apps。

說了這么多,目前你感受最明顯的可能就是沒有廣告的微博 PWA 版了。

所以這次 Google PWA 在中國的宣傳,最大的贏家之一就是微博了。

微博負責該項目的軟件工程師表示:半年的努力沒有白費!而且即便使用的瀏覽器暫時不支持 PWA(如 iOS Safari),這一重新設計開發的版本也會加快打開微博手機網頁版的速度。


編輯:--ns868