「加點(diǎn)廣告怎么了？」

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

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

APP 之所以要加上引號，是因?yàn)檫@其實(shí)是微博 PWA 版本，目前是 beta 版本測試，訪問入口也很簡單，后綴加上 beta 就可以了：

m.weibo.cn/beta

PWA 是什么？微博 PWA 版難道不是一個(gè) APP 嗎？

PWA 是 Google 在這次開發(fā)者大會上倡導(dǎo)開發(fā)者們?nèi)L試使用的一項(xiàng)技術(shù)，最早在 2015 年推出，全稱是 Progressive Web App，直譯過來的意思是漸進(jìn)式網(wǎng)絡(luò)應(yīng)用。從它的定位和形態(tài)上你可以先把它看作 Google 版小程序。

接近 APP 形態(tài)的網(wǎng)頁

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

接著，你可以選擇把這個(gè)頁面添加到桌面，等待加載完成后，一個(gè)很像微博 APP 的圖標(biāo)就出現(xiàn)了。

直接點(diǎn)擊這個(gè)圖標(biāo)，就可以進(jìn)入到你的微博頁面，比較有意思的是：

在桌面上點(diǎn)擊剛生成的這個(gè)圖標(biāo)，會有獨(dú)立的開屏頁面——微博 lite，瀏覽頁無論怎么上下滑動都沒有了瀏覽器的地址欄，多任務(wù)切換也有單獨(dú)的后臺標(biāo)簽頁。

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

12 月 13 日上午十點(diǎn)開始，訪問移動版微博網(wǎng)頁的用戶已經(jīng)自動跳轉(zhuǎn)到較新的微博 PWA 版本。

漸進(jìn)式

從微博 PWA 版多個(gè)操作步驟也可以看出，PWA 在實(shí)際應(yīng)用中其實(shí)有點(diǎn)類似于「養(yǎng)成游戲」——也就是漸進(jìn)式的形象表達(dá)。

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

當(dāng)然，對于重度微博用戶，微博 PWA 版就可以漸進(jìn)式地變成 App，被添加到主屏幕后，你下次使用它就可以全屏運(yùn)行，再下次打開網(wǎng)絡(luò)不好也能加載之前的緩存。

離線能力

PWA 的「武功」不只是改一下界面、添加個(gè)主屏幕那么簡單，在離線和弱網(wǎng)環(huán)境下也能快速開啟。

在 Service Worker 和 Cache API 的幫助下，網(wǎng)頁可以預(yù)先緩存一些內(nèi)容。

比如 Google 自家的這個(gè) Chrome Dev Summit 2017 頁面，離線之后依然可以查詢相應(yīng)的交通信息。

這對于內(nèi)容構(gòu)成中圖片、視頻占比跟高的微博也意義重大：有了這項(xiàng)離線能力，微博 PWA 版在網(wǎng)絡(luò)較差的環(huán)境下也能保證圖片和視頻的加載速度。

在開發(fā)者文檔示例中，利用這項(xiàng)離線能力，語音備忘錄不需要網(wǎng)絡(luò)也能記錄聲音了。

推送通知

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

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

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

PWA 還有一個(gè)「同門師弟」——AMP

「天下武功，唯快不破」是對 AMP 最準(zhǔn)確的描述。

AMP 是 Google 為了解決移動端搜索加載速度慢以及閱讀體驗(yàn)不佳的問題而發(fā)起的移動網(wǎng)頁加速計(jì)劃。關(guān)鍵在于核心的腳本和圖片資源均由 Google 分發(fā)，借助 Google 的數(shù)據(jù)中心優(yōu)化靜態(tài)資源加載。

最終達(dá)到的效果是可以秒開頁面，Google 統(tǒng)計(jì)數(shù)據(jù)顯示：網(wǎng)頁下載速度的中位數(shù)少于 0.5 秒，瀏覽時(shí)間是在普通網(wǎng)頁上的兩倍，轉(zhuǎn)化率提高了 20%。

PWA 的這些特點(diǎn)與小程序還是不太一樣的，而且微信對小程序的推送通知限制很嚴(yán)格。

其實(shí)，Google 和騰訊旗下微信不同的公司定位已經(jīng)決定了產(chǎn)品定位的差異——依托于網(wǎng)頁的 PWA 和依托于一個(gè)聊天 APP 的小程序注定是不同的。

依托于網(wǎng)頁，支持多款瀏覽器也使得 PWA 有更廣泛的適用性，開發(fā)者只需遵守相關(guān)技術(shù)規(guī)范就可以了。而小程序的上線需要經(jīng)過微信審核，更像是一個(gè)簡化版的蘋果應(yīng)用商店。

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

小程序與 Google 的另一項(xiàng)目 Android Instant Apps 有點(diǎn)類似，PWA 是網(wǎng)頁 APP 化，Instant Apps 是 APP 的精簡版，出發(fā)的起點(diǎn)不同，產(chǎn)生的產(chǎn)品也不同。小程序更像是「微信應(yīng)用商店」的 Instant Apps。

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

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

微博負(fù)責(zé)該項(xiàng)目的軟件工程師表示：半年的努力沒有白費(fèi)！而且即便使用的瀏覽器暫時(shí)不支持 PWA（如 iOS Safari），這一重新設(shè)計(jì)開發(fā)的版本也會加快打開微博手機(jī)網(wǎng)頁版的速度。

硅星人（ID：guixingren123） 掃碼關(guān)注硅星人公眾號，為你講述關(guān)于硅谷的一切