漸進式 Web 應用程序：Web 開發的未來？

漸進式 Web 應用程序和Service Workers是相對較新的概念，也是目前正在破壞當前網站和移動應用程序生態系統的核心部分。 我們已經看到轉化率大幅上升和跳出率下降，因為這項技術得到了谷歌的支持。 閱讀有關 Service Worker 和漸進式 Web 應用程序的更多信息，以及它們與移動應用程序和傳統網站的區別。

Service Worker有時也簡稱為“SW”，它被編碼為一個獨立的腳本，與傳統的網站頁面和腳本一起運行，但與 Internet 上的網站上常見的 JavaScript 相比，它具有令人興奮的新功能。

通過離線功能、推送通知、完全緩存以及連接到智能手機和其他設備的硬件 API 的附加可能性，選項僅受開發人員的獨創性和設計師的創造力的限制。 雖然同時使用 Service Worker 和傳統網站技術有很多優勢，但我們將從企業主的角度來看待新興趨勢。

為什麼要使用漸進式 Web 應用程序？

• 與網站和移動應用程序的速度相比提高速度
• 減小頁面大小
• 離線功能
• 訪問特定的硬件設備
• 推送通知
• 添加到主屏幕

以上是企業主在其現有網站中實施Service Worker和漸進式 Web 應用程序的 6 個最常見原因的列表。 讓我們將它們分解並詳細了解 6 個關鍵點中的每一個。

提高速度和轉化率

因為服務工作者在瀏覽器和 Internet 訪問之間運行，這意味著網站訪問者不必每次在訪問者請求新頁面或單擊鏈接時都向網絡服務器請求響應。

由於 Internet 協議的工作方式，每個響應通過網絡的時間最少，但是通過使用 Service Worker，有時這一步可以省略，因為 Service Worker 腳本將從將在下一個主題中描述的本地緩存。

例如，Housing.com 自從實施了漸進式網絡應用程序和服務工作者腳本後，頁面加載速度提高了 30%，而且由於大多數訪問者從 3G 網絡瀏覽，因此總部設在印度，這相當於一個很好的結果，並且任何速度提高都是因此相當重要。

另一個例子是 Konga，一家領先的尼日利亞電子商務零售商，其 60% 以上的訪問者通過緩慢的 2G 網絡瀏覽，因此通過減少加載頁面的時間，他們不僅顯著提高了轉化率和跳出率，而且同樣重要的是，他們讓競爭對手陷入了沉睡。

減小頁面大小

結合以上幾點，使用Service Worker無疑會減少任何網站的頁面大小，從而降低跳出率。

我們看到這種改進的原因是服務工作者在訪問者的手機和平板電腦上保存了網站的副本。 這意味著，一旦他們訪問了安裝了 Service Worker 並設置為自動上傳緩存的網站的主頁，他們就完全不必使用 Internet。

也可以簡單地讓 Service Worker 保存已經訪問過的頁面，但是由於用戶無法以任何方式看到緩存的下載，所以讓用戶下載所有內容是有意義的。

目前，一些企業報告說，安裝了 Service Worker 後，頁面大小已減少了 90%。

離線功能

可以使用 Service Worker 開發一個網站，該網站將完美運行，用戶無需訪問互聯網即可瀏覽頁面和加載內容。 有一些要求，但一旦滿足，Service Worker 就允許離線和在線體驗之間的無縫集成，並且被認為是對當前網站的改變遊戲規則的補充。

雖然不是每個網站都需要完整的離線體驗，但像 Opera 一樣簡單地添加一個離線屏幕會增加用戶在瀏覽時失去互聯網訪問權限時停留在頁面上的機會。

將默認瀏覽器中的離線消息與 Opera 下面創建的自定義離線消息進行比較，感受一下不同之處：

Opera 的離線網站功能

chrome 中的默認離線頁面

訪問特定的硬件設備

就像移動應用程序一樣，漸進式 Web 應用程序與Service Worker 相關聯，可以對硬件設備（例如移動相機、加速度計和其他常見功能）進行 API 調用。 到目前為止，尚不支持指紋識別等高級功能以及類似的新功能和復雜功能，但這可能只是時間問題。

雖然移動應用程序開發將始終與某些類型的企業和產品保持相關性，但今天已經有許多在線漸進式網絡應用程序提供移動應用程序的體驗，以及網站必須提供的易用性和安裝性。

但鑑於該技術本身在撰寫本文時才大約一歲（於 2015 年底開發），它有很多機會成為每個小企業主都希望成為其中一部分的最熱門技術。

推送通知

這些硬件功能之一是推送通知，使網站所有者能夠讓移動用戶了解他們的最新內容。 對於企業來說，訪問客戶的通知源對企業來說是一個巨大的福音。

與電子郵件通訊不同，人們傾向於直接在手機上打開和點擊推送通知，雖然這種趨勢可能會隨著時間的推移而改變，因為用戶會了解哪些應用程序正在推送營銷和廣告內容，但目前它非常有效。

迄今為止，非洲電子商務網站 Jumia 在漸進式網絡應用程序和推送通知方面取得了巨大成功。 與向用戶發送電子郵件詢問他們是否願意購買廢棄購物車中的商品的傳統方式相比，他們報告廢棄購物車的轉化率提高了 9 倍。 Jumia 還看到了 38% 的推送通知打開率，這不得不說是相當令人印象深刻。

添加到主屏幕

這是我們名單上的最後一個，但並非最不重要。 將您最喜歡的網站添加到手機的書籤並在您的設備上添加一個圖標並不是什麼新鮮事，但是對於漸進式網絡應用程序，瀏覽器現在會提示用戶是否要將 PWA 添加到他們的主屏幕。 由於這是由瀏覽器本身完成的，而不是由網站上的一些花哨的彈出窗口覆蓋，因此人們一直報告使用此功能取得了不錯的效果。

這就是您使用 Chrome 或 Opera 從手機訪問華盛頓郵報時的樣子。

FlipKart 的用戶通過主屏幕打開應用程序的轉化率提高了 70%，這意味著安裝該應用程序的用戶可以說是忠實客戶，渴望購買相關網站並與之互動。

結論

並非所有網絡瀏覽器都支持漸進式網絡應用程序和服務工作者，但這也許只是時間問題。 使用 Internet Explorer 的微軟在未來對該技術的實施方面一直含糊其辭，也許在等待看看這是否只是一個短暫的趨勢，或者這是否會徹底改變我們所知道的網絡。

帶有 Safari 的 Apple 已經在他們的 5 年路線圖中添加了service workers兼容性，所以還有一些時間來實現這一點，儘管一旦他們看到服務的積極影響，他們很可能會把這項技術放在列表的首位工人有。