谷歌progressive web app是一種跨平臺(tái)的應(yīng)用，它希望將web app的體驗(yàn)提升到和原生app一樣的流暢。日前，谷歌宣布pwa將會(huì)有和原生app一樣的開發(fā)地位，想象一下，在未來，我們打開手機(jī)，假如想要定個(gè)外賣，只需要在play里搜一下美團(tuán)，點(diǎn)開即用，甚至添加到桌面上，不用下載不用加載，這將是智能手機(jī)體驗(yàn)的巨大變革。當(dāng)然，目前它只是一個(gè)雛形，在未來，可能將是一個(gè)新的開發(fā)潮流，跨平臺(tái)的，及其流暢的體驗(yàn)。

按谷歌的原話說，A new way to deliver amazing user experiences on the web。一種新的方式為web提供極其驚人的用戶體驗(yàn)。

圖片.png

PWA應(yīng)用的超前的體驗(yàn)方式已經(jīng)可以開始使用，這是它的優(yōu)點(diǎn)。

• 極其可靠的：PWA應(yīng)用 擁有極其快速的載入速度，即便是在離線無網(wǎng)絡(luò)的環(huán)境下也不會(huì)出現(xiàn)網(wǎng)絡(luò)異常。
• 它的響應(yīng)非常的迅速并且擁有絲滑流暢的動(dòng)畫，絕對不會(huì)出現(xiàn)異常卡頓滑動(dòng)。
• 你會(huì)感覺就像在使用一個(gè)原生應(yīng)用，并且擁有它會(huì)提供給你沉浸式的用戶體驗(yàn)。

最新的特性允許你在桌面創(chuàng)建一個(gè)PWA應(yīng)用的圖標(biāo)。

圖片 (2).png

• 可靠性

當(dāng)你從桌面點(diǎn)擊PWA應(yīng)用的時(shí)候，PWA服務(wù)會(huì)非常快速加載PWA應(yīng)用，無視網(wǎng)絡(luò)環(huán)境。
PWA服務(wù)就像一個(gè)代理客戶端，它由javascript寫成，并且可以讓你控制緩存和如何響應(yīng)資源的請求，并且PWA應(yīng)用通過預(yù)緩存即預(yù)先加載緩存資源讓用戶不必依靠網(wǎng)絡(luò)就可以打開PWA應(yīng)用，確保了可靠的即時(shí)的應(yīng)用體驗(yàn)。‘

圖片 (3).png

• 快速

如果一個(gè)網(wǎng)站加載甚至需要3秒，那么53%的用戶都會(huì)拋棄它。當(dāng)用戶一旦點(diǎn)擊開啟即時(shí)app，用戶希望它的開啟是快速的，沒有延遲，沒有異常滑動(dòng)和慢響應(yīng)。

圖片 (4).png

• 參與性

PWA應(yīng)用可被添加在用戶的桌面上，不需要應(yīng)用商店，通過PWA應(yīng)用的配置文件可以為用戶提供全屏沉浸的體驗(yàn)，甚至可以通過網(wǎng)絡(luò)發(fā)起通知重新吸引用戶。
配置文件允許你控制你的PWA應(yīng)用怎么被顯示和啟動(dòng)，你可以把它放在桌面上，并且可以改變他的圖標(biāo)移動(dòng)它的位置，指定應(yīng)用在啟動(dòng)時(shí)啟動(dòng)哪個(gè)界面，屏幕方向，甚至是顯示或者不顯示chrome瀏覽器。

為什么要開發(fā)一個(gè)PWA應(yīng)用

開發(fā)一個(gè)PWA應(yīng)用是非常有幫助的，可以提高你的用戶的使用愉悅讀，增加用戶參與度并且提高用戶轉(zhuǎn)化率。

• 呈現(xiàn)在用戶桌面上

當(dāng)你的PWA應(yīng)用符合PWA標(biāo)準(zhǔn)時(shí)，chrome會(huì)提示用戶將其放在桌面上。

• 無論什么情況的網(wǎng)絡(luò)下，PWA應(yīng)用都可以可靠的工作。

開發(fā)人員使Konga(一個(gè)購物網(wǎng)站)在初始化頁面的時(shí)候使數(shù)據(jù)加載量減少了63%，第一次響應(yīng)用戶操作的數(shù)據(jù)量也減少了84%。

• 增加用戶的參與度

基于的web通知推送方式幫助eXtra Electronics (同樣是購物網(wǎng)站)他們的用戶在這個(gè)網(wǎng)站增加了4倍的參與度，并且這些用戶在這個(gè)網(wǎng)站停留了比以往兩倍的時(shí)間。

• 提高用戶轉(zhuǎn)化

PWA應(yīng)用得天獨(dú)厚的體驗(yàn)方式幫助AliExpress將第一次瀏覽這個(gè)網(wǎng)站的新用戶的轉(zhuǎn)化次數(shù)提高了104%，在IOS端轉(zhuǎn)化次數(shù)提高了82%。

圖片（5）.png

燈塔

這是一個(gè)開源的自動(dòng)化工具，并且他可以幫助你提高的應(yīng)用質(zhì)量，你甚至將它集成到你的應(yīng)用里，來抓取用戶使用用遇到的問題。

原作者：谷歌PWA開發(fā)團(tuán)隊(duì) https://developers.google.com/web/progressive-web-apps/

           感謝谷歌又為前端界帶來新的革命性的程式，這是文檔的github地址，將會(huì)陸續(xù)添加后面的章節(jié) https://github.com/xiaohangJose/-PWA-