整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          Google推出PWA后,還帶來了一個時間流正常的微

          Google推出PWA后,還帶來了一個時間流正常的微博「客戶端」

          端時間社長醬推送過一篇:還在學習微信小程序?Google說PWA是未來!

          如今PWA切實為我們廣大人民群眾帶來的第一個福利就是:為我們帶來了一個沒有廣告且時間流正常的微博「客戶端」。

          「加點廣告怎么了?」

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

          越來越多的廣告,越來越難用的界面操作,就連和菜頭也曾在他的「槽邊往事」里吐槽過其復雜的通知界面還有錯亂的timeline。

          我們普通用戶在主頁刷到大量的廣告已經嚴重影響了我們的使用體驗,那么對于各類自媒體大V而言,時間流錯亂帶來的閱讀數下降的問題,可能已經嚴重影響到了他們日常營生收入。對此,微博客服特地發布了一條「關于“閱讀數下降”的說明」微博。

          在這條微博中我們可以看到,微博限流竟然是針對用戶對其關注內容的反饋來作出的的所謂“優化",那么很多像社長醬這樣不去點贊,不去評論甚至不去轉發的人而言,我們的主頁豈不是一團糟?

          不過,在 12 月 13 日的 Google 開發者大會上,Google 開發技術推廣工程師Michael Yeung介紹稱,新浪微博正在打造一款全新體驗的Web Mobile PWA應用,現在已經進入測試階段,該版本的新浪微博最大的特性是在低網速環境下也能夠實現流暢刷微博。

          PWA全稱Progressive Web Apps(漸進式網絡應用),由谷歌主導推出,主要的特性是讓Web App的體驗能更接近原生應用,顯著提高應用加載速度,甚至可以在離線狀態下運行,目前新版的Chrome瀏覽器以及新版的UC瀏覽器已支持加載PWA網頁。

          微博工程師介紹稱,針對部分不支持PWA的瀏覽器(例如iOS上的Safari),新浪微博重新設計的版本也會顯著加快打開微博網頁的速度。

          微博PWA版訪問網址:m.weibo.cn/beta,與此前微博HTML5版本的鏈接相同,但部分網頁元素的位置有所變化,現在你看到的并不是單純的微博信息流,還能夠實現查看熱門、搜索熱門微博等操作,類似于一個輕App——最主要的優點是其信息流是按照發布時間排列沒有被打亂。

          接近 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),這一重新設計開發的版本也會加快打開微博手機網頁版的速度。

          日晚間,新浪微博出現網頁版無法登陸的情況,手機掃碼和賬號密碼均無法登陸。

          微博公告稱,已經聯系工程師正在排查,客服:請大家稍安勿躁,隨時關注官方賬號動態。

          更新:目前已恢復正常。

          019年6月17日下午18:31分微博PC網頁版weibo.com突然崩潰幾分鐘。

          微博崩潰圖


          主站蜘蛛池模板: 精品一区二区高清在线观看| 免费观看一区二区三区| 中文字幕一区二区三区5566| 日本无卡码一区二区三区| 国产免费一区二区三区| 国产精品 一区 在线| 日本在线电影一区二区三区| 亚洲一区免费视频| 香蕉久久一区二区不卡无毒影院| 一区二区网站在线观看| 国产在线一区二区视频| 99精品国产一区二区三区不卡| 久久久久人妻一区精品果冻| 日本一区二区三区不卡视频中文字幕| 在线播放国产一区二区三区| 99精品一区二区免费视频| 亚洲一区二区三区亚瑟| 国产自产对白一区| 国产福利无码一区在线| 成人H动漫精品一区二区| 成人免费一区二区三区在线观看| 免费看AV毛片一区二区三区| 在线播放偷拍一区精品| 白丝爆浆18禁一区二区三区 | 国产精品亚洲不卡一区二区三区| 亚洲Aⅴ无码一区二区二三区软件 亚洲AⅤ视频一区二区三区 | 国产成人免费一区二区三区| 竹菊影视欧美日韩一区二区三区四区五区 | 国产精品亚洲一区二区三区久久| 午夜精品一区二区三区在线观看| 中文字幕久久亚洲一区| 国产精品无码一区二区三区在| 综合无码一区二区三区| 国产在线观看精品一区二区三区91| 97久久精品午夜一区二区| 亚州AV综合色区无码一区 | 亚洲av乱码一区二区三区| 国产精品福利区一区二区三区四区| 亚洲va乱码一区二区三区| 国产在线不卡一区二区三区| 国产伦精品一区二区三区免费下载|