基于Craft CMS开发 Progressive Web Apps (PWA) 渐进式网页应用

08/13/2018
by John Doe

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已经支持PWA技术,只要用户首次通过手机浏览器访问我们的网站,就会自动提示创建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的高级企业网站建设感兴趣,可以联络我们