基於Craft CMS開發 Progressive Web Apps (PWA) 漸進式網頁應用

PWA (Progressive Web Apps) 的中文名叫做漸進式網頁應用, 自從2015年Google推出此項技術之後，現在PWA技術已經相當成熟和普及，絕大部分知名企業網站已經支持或者正開始支持PWA，來快速實現和叠代移動APP入口。以Twitter為例，Twitter Lite支持PWA後，平均用戶停留時長增長 65%、Web 站點發推的數量增長 75%、跳出率降低 20%。經過多方數據統計證明，企業和品牌網站支持PWA技術後，能明顯改善用戶訪問頻率和時長，有效促進企業效益增長。

PWA 不是特指某壹項技術，而是應用了多項技術的 Web App。其核心技術包括 App Manifest、Service Worker、Web Push，等。簡單來說，PWA 可以將 Web 和 App 各自的優勢融合在壹起：漸進式、可響應、可離線、實現類似 App 的交互、即時更新、安全、可以被搜索引擎檢索、可推送、可安裝、可鏈接。

我們的工作室網站-MagicVar.com已經支持WPA技術，只要用戶首次通過手機瀏覽器訪問我們的網站，就會自動提示創建Web App到手機桌面。它有別於創建手機桌面快捷方式，快捷方式只是壹個URL連接，點擊觸發後打開網頁瀏覽器訪問移動版網站；而PWA技術實現的Web App可以有真正App的體驗，並且在手機沒有連接網絡的情況下，依然能夠使用Web App來瀏覽查詢以被自動緩存的數據，請看下圖：

下圖是手機打開MagicVar App的效果，您可以看到，完全沒有手機瀏覽器渲染的痕跡，體驗就如同Hybrid App。MagicVar.com是基於Craft CMS 3開發的模版，我們之所以使用Craft CMS, 是因為它能給設計師和前端程序員提供100%的靈活性，也是給有源碼整潔強迫癥的人的瑞士軍刀，選擇Craft CMS來實現PWA給我們帶來的收益是很可觀的：首先是基於基因的SEO友好度，極快的前端渲染速度，極高的訪問速度，極佳的網站安全性以及不借助於第三方插件來實現的橫向和縱向擴展。有壹點點網站開發經驗的人都知道，過多的插件和被動附件功能可以把網站變得壹團糟，難以維護並極易被黑客攻擊。

如果您對MagicVar的高級企業網站建設感興趣，可以聯絡我們。