渐进式app
Ordinary mobile apps do not seem to work anymore. The number of apps in the App Store and Play Market is overwhelmingly huge. This is a challenge both for businesses, who want their apps to be visible, and for customers, who try to find the application they need.
普通的移动应用似乎不再起作用。 App Store和Play Market中的应用程序数量极其庞大。 对于希望使其应用程序可见的企业,以及试图找到所需应用程序的客户而言,这都是一个挑战。
And the development of traditional mobile apps is costly and time-consuming, while the user experience is slow and tangled.
传统移动应用程序的开发成本高昂且耗时,而用户体验却缓慢而纠结。
To solve these issues and to provide optimal business opportunities and user experience, Progressive Web Apps enter the game. What is PWA technology? Why does progressive web application development constitute the future? What does a progressive web app development company do? We will answer all of these questions in this article.
为了解决这些问题并提供最佳的商机和用户体验,渐进式Web应用程序进入了游戏。 什么是PWA技术? 为什么渐进式Web应用程序开发将构成未来? 渐进式Web应用程序开发公司做什么? 我们将在本文中回答所有这些问题。
(What Are Progressive Web Applications?)
In the simplest terms, a progressive web app is a website made to resemble an application installed on your smartphone, laptop, tablet, or desktop.
简而言之,渐进式Web应用程序是一个类似于智能手机,笔记本电脑,平板电脑或台式机上安装的应用程序的网站。
PWA development is a set of optimal software development practices aimed at making a web application function similarly to a mobile or desktop app. Similarly to a mobile application, PWAs send push notifications and have an icon on the home screen. At the same time, progressive web applications are simpler and faster than traditional mobile apps, and they can be shared through a URL.
PWA开发是一组最佳软件开发实践,旨在使Web应用程序的功能类似于移动或桌面应用程序。 与移动应用程序类似,PWA发送推送通知并在主屏幕上显示一个图标。 同时,渐进式Web应用程序比传统的移动应用程序更简单,更快,并且可以通过URL进行共享。
Progressive web app developers optimize web applications since they provide app-like navigation and excellent visual content. This is implemented with the help of javascript files, called service workers, which enable offline execution of the app and offline information storage.
渐进式Web应用程序开发人员可以优化Web应用程序,因为它们提供了类似于应用程序的导航和出色的视觉内容。 这是通过称为服务工作者的javascript文件实现的,该文件使应用程序可以脱机执行并进行脱机信息存储。
PWA development helps the developers and businesses bridge the gap between web and native experiences, which sometimes results in time-consuming, discouraging, or unreliable user experience.
PWA开发可帮助开发人员和企业弥合Web与本机体验之间的鸿沟,有时会导致耗时,令人沮丧或不可靠的用户体验。
A progressive web app development company understands that having to look for an app in the store is too much effort for modern-day users. People strive to save their time and effort and, at the same time, to find the most effective solutions. Therefore, PWA technology is applied to enable users to access a native-like mobile version of their favorite website with a single tap.
一家不断发展的Web应用程序开发公司了解,对于现代用户而言,必须在商店中查找应用程序会花费很多精力。 人们努力节省时间和精力,同时寻求最有效的解决方案。 因此,应用PWA技术可以使用户通过单击即可访问他们喜欢的网站的类似本机的移动版本。
Progressive web app development companies employ the most recent web technology aimed at delivering the most amazing web experience to the user. By boosting the performance, accessibility, and user engagement, progressive web app developers ensure that these apps are fast, engaging, and reliable.
渐进式Web应用程序开发公司采用了最新的Web技术,旨在为用户提供最惊人的Web体验。 通过提高性能,可访问性和用户参与度,渐进式Web应用程序开发人员可确保这些应用程序快速,有吸引力且可靠。
(What Are the Benefits of Progressive Web Applications?)
- Speed of lightning: A progressive web app development company makes the application load faster than a regular website, which is pivotal for an excellent user experience.
闪电般的速度:一家先进的Web应用程序开发公司使应用程序的加载比常规网站更快,这对于提供出色的用户体验至关重要。 - Simplicity and perfection: A progressive web application may be installed easily and quickly with a few taps without leaving the webpage or opening the store.
简单和完美:只需轻按几下即可轻松快速地安装渐进式Web应用程序,而无需离开网页或打开商店。 - Universality: Progressive web apps are compatible with all devices and platforms, namely Windows, MacOS, Linux, and Chrome OS.
通用性:渐进式Web应用程序与所有设备和平台兼容,即Windows,MacOS,Linux和Chrome OS。 - Personal touch: PWA developers make sure that their apps are more personalized than regular mobile apps, which greatly boosts customer engagement and loyalty.
个人风格: PWA开发人员确保其应用程序比常规移动应用程序更具个性化,这极大地提高了客户参与度和忠诚度。 - Striking balance: PWAs help to increase organic traffic and to decrease bounce rate.
惊人的平衡: PWA有助于增加自然流量并降低跳出率。 - No more Downasaur: By using cached data from the earlier online activities, progressive web app development company makes their applications able to perfectly work without access to the Internet.
不再使用Downasaur:渐进式Web应用程序开发公司通过使用早期在线活动中的缓存数据,使他们的应用程序能够完美地运行而无需访问Internet。
The greatest benefit of a progressive web app is the ability to work offline and the absence of all the bars and buttons that a mobile browser has.
渐进式Web应用程序的最大好处是能够脱机工作,并且没有移动浏览器所具有的所有条和按钮。
Sergey Gornostaev, Full-Stack Developer
Selenium rgey Gornostaev,全栈开发
Not only progressive web applications are more convenient for the user, but also they are cheaper and faster to develop for the business. In fact, PWA developers have no need to write separate codes for different platforms, which greatly limits the overall cost of the final product and the time spent on its development. Also, since PWAs are installed from the website itself, developers do not need to mess with deploying the app to the app store, following all the requirements on design or logic of the app, improving the visibility of the app, etc. Such an app is offered only on the website itself, which spares users the feeling that it is a one-time install-click-and-delete app from the store.
渐进式Web应用程序不仅对用户更方便,而且为企业开发更便宜,更快速。 实际上,PWA开发人员无需为不同的平台编写单独的代码,这极大地限制了最终产品的总体成本以及开发所花费的时间。 另外,由于PWA是从网站本身安装的,因此开发人员无需遵循应用程序的所有设计或逻辑要求,将应用程序的可见性提高,将应用程序部署到应用程序商店即可。仅在网站本身上提供,这使用户感到它是商店中的一次性安装,单击并删除应用程序。
(What Are the Drawbacks of Progressive Web Applications?)
- Decentralized search: A user cannot just enter the app store and find the necessary app or stumble upon a random one. Either users know what they want or they are not likely to find it.
去中心化搜索:用户不能仅仅进入应用商店并找到必要的应用,或者偶然发现一个随机的应用。 用户要么知道他们想要什么,要么不太可能找到它。 - Bad news for Apple Lovers: While Microsoft and Google work to develop and encourage the development of PWAs, Apple does not seem very eager to play by their rules. Even though Safari already supports PWAs, the functionality is limited, and the users are unable to experience all the benefits of this technology.
对Apple Lovers而言,这是个坏消息:尽管Microsoft和Google致力于开发和鼓励PWA的发展,但Apple似乎并不急于遵守其规定。 即使Safari已经支持PWA,功能也受到限制,并且用户无法体验到该技术的所有好处。 - Isolation: Different PWAs cannot share resources or data among themselves because they are highly separated.
隔离:由于不同的PWA之间高度隔离,因此它们之间无法共享资源或数据。
(Why Is PWA Development the Future?)
Progressive app development is strongly patronized by Google Inc., which believes PWA development to be the future of software. According to Google articles, with progressive web apps, AliExpress has boosted the conversion rate for its new users by 104% and increased average time spent per session by about 74%.
渐进式应用程序开发受到Google Inc.的大力支持,该公司认为PWA开发将是软件的未来。 根据Google的文章,借助渐进式Web应用程序,全球速卖通已将其新用户的转化率提高了104%,并将每次会话的平均时间增加了约74%。
PWA developers helped a Saudi retailer of electronics eXtra Electronics generate 100% more sales and to attract new users via web push notifications, which are also the part of a progressive web app.
PWA开发人员帮助沙特电子零售商eXtra Electronics产生了100%的销售额增长,并通过Web推送通知吸引了新用户,这也是渐进式Web应用程序的一部分。
Similarly, an American retailer 5miles has increased conversions by 60% and decreased bounce rate by 50%. Also, with the help of a PWA development company, a Nigerian e-commerce platform Konga has cut data usage by about 92%. A progressive web app is also actively used by The Washington Post, and it has enabled them to decrease page loading time by ten times.
同样,一家5 英里的美国零售商的转化率提高了60%,跳出率降低了50%。 另外,在PWA开发公司的帮助下,尼日利亚电子商务平台Konga已将数据使用量减少了约92%。 《华盛顿邮报》也积极使用渐进式Web应用程序,使他们可以将页面加载时间减少十倍。
Today, PWAs are already actively used by such user-favorite social networking platforms as Twitter, Instagram, Telegram, Pinterest, and Tinder. Three.js – a popular 3D model editor – is also available as a PWA. Taxi services Uber and Lyft also offer PWAs for their customers.
今天,PWA已被Twitter, Instagram , Telegram , Pinterest和Tinder等用户最喜欢的社交网络平台积极使用。 流行的3D模型编辑器Three.js也可以作为PWA使用。 出租车服务Uber和Lyft还为其客户提供PWA。
Progressive web apps can also be used to make games more enjoyable as in the case of 2048 or BreakLock. PWAs are also employed by such a well-known entertainment platform as 9GAG, a coffee retailer Starbucks, or a popular service Google Maps.
渐进式Web应用程序也可以用来使游戏更有趣,例如2048或BreakLock 。 PWA还被9GAG ,咖啡零售商星巴克或受欢迎的Google Maps等娱乐平台所采用。
PWAs are equally loved by Google and Microsoft as both companies recognize great potential in this technology. It is rumored, however, that Microsoft has immense hopes for progressive web apps as it plans to reenter the smartphone market with its innovative Andromeda device. While the launch of this foldable smartphone is scheduled for late 2019, it is generally believed that Microsoft will bet not only on the revolutionary hardware solution but also on all-PWA software for the updated OS.
由于两家公司都认识到该技术的巨大潜力,因此PWA同样受到Google和Microsoft的喜爱。 然而,有传言称,微软计划通过其创新的仙女座(Andromeda)设备重新进入智能手机市场,因此对渐进式Web应用程序抱有巨大希望。 虽然这款可折叠智能手机计划于2019年末推出,但人们普遍认为,微软不仅会押注革命性的硬件解决方案,还将押注更新后的操作系统的全PWA软件。
And yet, the niche is still almost free, and as of March 2019, there were only 32 PWAs published on Windows 10 Store. To compare, at the end of 2018, this very store featured about 700,000 regular apps. More than that, as of now, there are no PWAs for smart TVs or any other IoT devices, which yet could greatly benefit from such a technology. Therefore, progressive web apps are a perfect choice for those who want to make their business unique, to impress the customer, and to pioneer in such a promising field.
但是,利基市场仍然几乎是免费的,截至2019年3月,Windows 10商店中仅发布了32个PWA。 相比之下,在2018年底,这家商店拥有大约700,000个常规应用程序。 不仅如此,到目前为止,还没有用于智能电视或任何其他物联网设备的PWA,但可以从这种技术中受益匪浅。 因此,对于那些希望使自己的业务与众不同,打动客户并在这个有前途的领域中处于先驱地位的人来说,渐进式Web应用程序是理想的选择。
As long as mobile devices are gradually overtaking desktops, PWA is a perfect opportunity for a business to broaden its circle of influence and to take a firm position online. At the same time, one can greatly save on the development and maintenance of the app.
只要移动设备逐渐超越台式机,PWA就是企业扩大影响范围并在网上站稳脚跟的绝好机会。 同时,可以大大节省应用程序的开发和维护。
Anton Morya, Full-Stack Software Developer
Anton Morya,全栈软件开发人员
(What Does a Progressive Web App Development Company Do?)
As in the case of mobile or web software, progressive web app developers start with the discovery stage, prototyping, POC, or MVP. After that, the PWA team should create a responsive design, which will look perfect at any platform and any device. The progressive app development process itself should be tailored to the needs of a specific business, and PWA developers should be fully aware of customer needs and interests. The product has to be continuously tested by a progressive web app development company in order to fix mistakes and prevent further errors from occurring.
与移动或Web软件一样,不断发展的Web应用程序开发人员从发现阶段,原型制作,POC或MVP开始 。 之后,PWA团队应创建一个响应式设计,该设计在任何平台和任何设备上都将看起来完美。 渐进式应用程序开发过程本身应适合特定业务的需求,并且PWA开发人员应充分了解客户的需求和兴趣。 该产品必须由进步的Web应用程序开发公司进行连续测试,以纠正错误并防止进一步的错误发生。
If the business already has a website and wants to adapt it to the PWA technology, the progressive web app development company should provide a well-detailed and properly planned migration strategy.
如果企业已经有一个网站,并希望使其适应PWA技术,那么逐步发展的Web应用程序开发公司应提供详细且经过适当计划的迁移策略。
A PWA development company may also offer SEO services to make sure that the website and, respectively, the progressive web application are easily searchable. An SEO-friendly PWA can considerably boost web-traffic and conversion rates.
PWA开发公司还可以提供SEO服务,以确保可以轻松搜索网站和渐进式Web应用程序。 SEO友好的PWA可以大大提高网络流量和转化率。
After the progressive web application development is over and the final product is launched, a reliable PWA development company offers its customers a team of PWA developers for continuous support and maintenance.
在逐步的Web应用程序开发结束并发布最终产品之后,一家可靠的PWA开发公司将为其客户提供PWA开发人员团队,以提供持续的支持和维护。
(Do you have an idea for a PWA?)
My company KeenEthics is an experienced progressive web app development company. In case you need the following services, feel free to get in touch.
我的公司KeenEthics是一家经验丰富的渐进式Web应用程序开发公司 。 如果您需要以下服务,请随时与我们联系 。
The original article posted on KeenEthics blog can be found here: Practical Tips on Progressive Web App Development.
可以在以下网址找到发布在KeenEthics博客上的原始文章: 渐进式Web App开发的实用技巧 。
(P.S.)
I would like to say thank you to everyone who contributed to this article including Sergey Gornostaev and Anton Moriia, full-stack software developers @ Keenethics, as well as Tetiana Matviiok, content manager @ KeenEthics.
我想对所有对本文做出贡献的人表示感谢,包括全栈软件开发人员@ Keenethics的Sergey Gornostaev和Anton Moriia以及@ KeenEthics的内容经理Tetiana Matviiok。
The original article posted on KeenEthics blog can be found here: Practical Tips on Progressive Web App Development.
翻译自: https://www.freecodecamp.org/news/practical-tips-on-progressive-web-app-development/
渐进式app