PERSPECTIVES OF PROGRESSIVE WEB APPS

  • Abstract
  • Literature Map
  • Similar Papers
Abstract
Translate article icon Translate Article Star icon

Given the monopoly over native mobile market for certain kind of apps, a cheaper and an easier to make alternative is necessary. One such alternative are the progressive web apps which solve some of the issues related to the native mobile apps. The goal of the work is to analyse the pros of progressive web apps and native mobile apps and estimate why and at which scenarios the progressive web apps can outcompete native mobile apps in terms of the pros.

Similar Papers
  • Research Article
  • Cite Count Icon 1
  • 10.29121/shodhkosh.v5.i6.2024.5977
A STUDY ON PROGRESSIVE WEB APPS: REVOLUTIONIZING USER EXPERIENCES AND REDEFINING WEB APPLICATIONS
  • Jun 30, 2024
  • ShodhKosh: Journal of Visual and Performing Arts
  • Abbin Joseph Thomas + 1 more

This study investigates the rise of Progressive Web Apps (PWAs) and their impact on the landscape of web applications. PWAs, built on standard web technologies, bridge the gap between traditional websites and native mobile apps by offering features like offline functionality, push notifications, and app-like user experiences. This research delves into the core functionalities of PWAs, exploring how they address the limitations of web apps and provide an enhanced user experience.The study aims to Analyze the key characteristics and capabilities of PWAs, Evaluate the impact of PWAs on user engagement and accessibility, Explore the potential benefits and challenges associated with PWA development and adoption for businesses and discuss the future potential of PWAs in shaping the evolution of web applications. By examining PWAs through these lenses, this study contributes to a deeper understanding of their potential to revolutionize user experiences and redefine the way we interact with web applications. Progressive online Apps (PWAs), which bridge the gap between conventional webpages and native mobile applications, represent a paradigm shift in online technology. This study intends to explore the complex world of PWAs, examining their features, benefits, history, and consequences for the digital environment.The paper starts with a thorough investigation of the fundamental ideas that guide PWAs. It outlines the fundamental characteristics that set these apps apart, including their solid security procedures, responsiveness on many devices, dependability under erratic network situations, and interaction through app-like experiences. These qualities serve as PWAs' cornerstones, allowing them to leverage the adaptability of web technologies to deliver immersive user experiences that compete with native applications.In addition, this research carefully analyzes the intrinsic benefits of PWAs. It clarifies their accessibility, removing the obstacles related to app downloads and guaranteeing their general availability via web browsers. One important factor that stands out is cost-effectiveness: PWAs eliminate the need for separate platform development initiatives, which reduces overhead and compatibility difficulties. Additionally, they are more visible in search results and load faster, which adds to their allure and increases user engagement and retention. Additionally, the study looks at how PWAs are changing a variety of businesses and use cases. Case studies from well-known companies like Flipkart, Starbucks, and Twitter Lite demonstrate the effectiveness of PWAs in providing customers with quicker, more interesting, and more accessible experiences. These practical applications highlight the observable advantages of PWAs and demonstrate how they may transform social networking, e-commerce, and service-oriented applications. The study also explores the technical foundations that support PWAs, highlighting the function of caching methods, HTTPS protocols, and service workers in guaranteeing robust security measures, faster loading times, and offline capability. It clarifies the best practices for development and architecture that make it possible to create PWAs, promoting a better comprehension of the technical aspects supporting these apps. This study concludes by promoting PWAs' transformational potential in transforming the digital landscape. It emphasizes their function as a driving force behind providing exceptional user experiences that combine the finest aspects of mobile and online applications. PWAs are positioned to change web development standards as they continue to develop and gain popularity. They provide organizations and users with an attractive alternative that puts accessibility, engagement, and efficiency first.

  • Conference Article
  • Cite Count Icon 14
  • 10.1109/iccomm.2018.8430158
Analysis of Cache in Service Worker and Performance Scoring of Progressive Web Application
  • Jun 1, 2018
  • Abhi Gambhir + 1 more

Mobile software development is an emerging technology and so are the strategies to build them. This paper focuses on the budding technology i.e. Progressive Web Apps (PWAs), which bridges the gap between web and native mobile apps. Service Worker is the backbone of any PWA. It enables caching of memory, offline access, and other gem features. To prove that caching memory improves the performance, tests have been performed. Taking the advantage of Google's Lighthouse (beta) tool, metrics have been calculated and solutions to improve them are suggested. We has demonstrate the service worker and its impact on cross platform approaches and compare android, iOS and PWA performance growth.

  • Research Article
  • Cite Count Icon 1
  • 10.21275/sr24517172948
A Comprehensive Review of Progressive Web Apps: Bridging the Gap Between Web and Native Experiences
  • Feb 5, 2022
  • International Journal of Science and Research (IJSR)
  • Mani Shankar Srinivas Lingolu + 1 more

Progressive Web Apps (PWAs) have emerged as a transformative technology, redefining the landscape of web development by combining the best features of web applications and native mobile apps [1]. This comprehensive literature review paper provides an indepth exploration of the PWA ecosystem, tracing its historical evolution and examining the key advancements that have shaped its trajectory. The paper delves into the core capabilities of PWAs, highlighting how they leverage modern web technologies, such as service workers, web app manifests, and responsive design principles [2], to deliver an engaging and seamless user experience. Through an analysis of existing research, the review explores the performance benefits of PWAs, demonstrating how they can outperform traditional web apps and even native mobile applications in terms of loading speeds [3], offline accessibility [4], and overall responsiveness. Furthermore, the paper examines the cross-platform compatibility of PWAs, revealing their ability to provide a consistent user experience across a wide range of devices, from desktops to smartphones and tablets [5]. The review also delves into the challenges and best practices surrounding the successful adoption and deployment of PWAs, addressing security, privacy, and integration concerns [6]. By synthesizing the findings from various studies, this literature review offers valuable insights into the current state of PWA adoption and the emerging trends that are shaping the future of web development. The paper concludes by discussing the broader implications of PWAs, exploring their potential to revolutionize user engagement [7], improve accessibility [8], and drive innovation in the technology landscape [9].

  • Conference Article
  • Cite Count Icon 13
  • 10.1109/icacce.2018.8441715
Analysis of Cache in Service Worker and Performance Scoring of Progressive Web Application
  • Jun 1, 2018
  • Abhi Gambhir + 1 more

Mobile software development is an emerging technology and so are the strategies to build them. This paper focuses on the budding technology i.e. Progressive Web Apps (PWAs), which bridges the gap between web and native mobile apps. Service Worker is the backbone of any PWA. It enables caching of memory, offline access, and other gem features. To prove that caching memory improves the performance, tests have been performed. Taking the advantage of Google's Lighthouse (beta) tool, metrics have been calculated and solutions to improve them are suggested. We has demonstrate the service worker and its impact on cross platform approaches and compare android, iOS and PWA performance growth.

  • Conference Article
  • Cite Count Icon 33
  • 10.23919/cisti.2018.8399228
Progressive web apps: An alternative to the native mobile Apps
  • Jun 1, 2018
  • David Fortunato + 1 more

The mobile apps have been reaching a huge success on the mobile market. This opportunity attracted a lot of interested companies to have their own optimized mobile apps for all major mobile operation systems. However, these developments are expensive when developed natively for each mobile platform. New improvements done on the web technologies, allowed more features and capabilities than previously was only possible on apps that was developed natively. This started new possibilities on consolidate all developments only on web apps, that are apps that runs on web browsers. This paper intends to understand which evolutions, capabilities and limitations exists on developing a web app to run in all devices. We present the new concept of Progressive Web App, created by Google, in a way to normalize all web developments. It will be introduced the major advantages on developing the apps centralized as a Progressive Web App, comparing on developing the same solution for each different mobile platform. It will be also described the current state of web technologies and in which preferable scenarios the Progressive Web Apps are a strong alternative to the mobile native apps.

  • Research Article
  • Cite Count Icon 7
  • 10.36982/jiig.v12i2.1944
Analisis Performance Progressive Web Apps Pada Aplikasi Shopee
  • Dec 31, 2021
  • Jurnal Ilmiah Informatika Global
  • Dedi Haryanto + 1 more

Progressive web App is a web-based application development that includes the application of the latest technology from a browser that can be accessed quickly into one application without having to install. Progressive web applications can run like mobile applications in general, and the user interface is like using native applications. Progressive web app was invented in 1990. Progressive web App uses the latest Technology to produce web apps that provide a better User Experience and User Interface than mobile native. Progressive web app that is supported by a system called Service Worker, where the technology provides Offline Functionality, Notifications, Content Updates, Connectivity Changes and others. So that in a slow connection or an unstable connection you can access websites quickly and have the same appearance as the last time you opened the application via a Web Browser. This progressive web app can optimize web app performance to allow users to have an accessible experience with quickly and easily through browsers such as notebooks, personal computers or through mobile devices. This progressive web app is a service worker that allows a web app that can be run through all existing browsers and has a fairly simple and transparent process. So that the page that is opened, on the service worker site which is a proxy client that can be written in javascript, as well as being able to cache the assets needed for offline support which can determine certain events to activate the service worker such as push notifications, camera, and background sync. Keywords : Progressive Web Apps, Web, User Interface, Native Apps, User Experience

  • Conference Article
  • Cite Count Icon 54
  • 10.1109/mobilesoft.2017.7
Assessing the Impact of Service Workers on the Energy Efficiency of Progressive Web Apps
  • May 1, 2017
  • Ivano Malavolta + 3 more

Context. Mobile web apps represent a large share of the Internet today. However, they still lag behind native apps in terms of user experience. Progressive Web Apps (PWAs) are a new technology introduced by Google that aims at bridging this gap, with a set of APIs known as service workers at its core. Goal. In this paper, we present an empirical study that evaluates the impact of service workers on the energy efficiency of PWAs, when operating in different network conditions on two different generations of mobile devices. Method. We designed an empirical experiment with two main factors: the use of service workers and the type of network available (2G or WiFi). We performed the experiment by running a total of 7 PWAs on two devices (an LG G2 and a Nexus 6P) that we evaluated as blocking factor. Our response variable is the energy consumption of the devices. Results. Our results show that service workers do not have a significant impact over the energy consumption of the two devices, regardless of the network conditions. Also, no interaction was detected between the two factors. However, some patterns in the data show different behaviors among PWAs. Conclusions. This paper represents a first empirical investigation on PWAs. Our results show that the PWA and service workers technology is promising in terms of energy efficiency.

  • PDF Download Icon
  • Research Article
  • Cite Count Icon 10
  • 10.60087/jaigs.v6i1.269
Comprehensive Comparative Analysis of Mobile Apps Development Approaches
  • Dec 3, 2024
  • Journal of Artificial Intelligence General science (JAIGS) ISSN:3006-4023
  • Maher Gerges + 1 more

Growing use of the cell phones and tablets over the computer for humans’ daily life has increased the development of mobile apps. Different paradigms have been introduced to develop a mobile app. Up till now, the major paradigms have been introduced are native apps, hybrid apps, web app and the new trend namely progressive web app (PWA). Each methodology has its pros and cons. This paper discusses about native development issues and how web app aimed to solve these problems. The hybrid apps will be discussed as a solution of cross-platform development problem of native apps. In addition, problems of web apps and the gap between web app and native apps will be introduced. PWA is supposed to bridge the gap between native apps and web apps. The main technologies –service worker- will also be discussed.

  • Research Article
  • Cite Count Icon 15
  • 10.1016/j.msard.2023.104628
Mobile apps used for people living with multiple sclerosis: A scoping review.
  • May 1, 2023
  • Multiple sclerosis and related disorders
  • Zahli Howard + 2 more

Multiple Sclerosis (MS) is a chronic neurodegenerative disorder. People living with MS (plwMS) require long-term, multidisciplinary care in both clinical and community settings. MS-specific mHealth interventions have advanced in the form of clinical treatments, rehabilitation, disease monitoring and self-management of disease. However, mHealth interventions for plwMS appear to have limited proof of clinical efficacy. As native mobile apps target specific mobile operating systems, they tend to have better interactive designs leveraging platform-specific guidelines. Thus, to improve such efficacy, it is pivotal to explore the design characteristics of native mobile apps used for plwMS. This study aimed to explore the design characteristics of native mobile apps used for adults living with MS in academic settings. A scoping review of studies was conducted. A literature search was performed through PubMed, CINAHL, MEDLINE and Cochrane Library. Per native mobile apps, characteristics, persuasive technology elements and evaluations were summarized. A total of 14 native mobile apps were identified and 43% of the identified apps were used for data collection (n=6). Approximately 70% of the included apps involved users (plwMS) whilst developing (n=10). A total of three apps utilized embedded sensors. Videos or photos were used for physical activity interventions (n=2) and gamification principles were applied for cognitive and/or motor rehabilitation interventions (n=3). Behavior change theories were integrated into the design of the apps for fatigue management and physical activity. Regarding persuasive technology, the design principles of primary support were applied across all identified apps. The elements of dialogue support and social support were the least applied. The methods for evaluating the identified apps were varied. The findings suggest that the identified apps were in the early stages of development and had a user-centered design. By applying the persuasive systems design model, interaction design qualities and features of the identified mobile apps in academic settings were systematically evaluated at a deeper level. Identifying the digital functionality and interface design of mobile apps for plwMS will help researchers to better understand interactive design and how to incorporate these concepts in mHealth interventions for improvement of clinical efficacy.

  • PDF Download Icon
  • Research Article
  • Cite Count Icon 14
  • 10.3390/network2020022
Evaluating Progressive Web App Accessibility for People with Disabilities
  • Jun 8, 2022
  • Network
  • Konstantinos I Roumeliotis + 1 more

App development is a steadily growing industry. Progressive web apps (PWAs) constitute a technology inspired by native and hybrid apps; they use web technologies to create web and mobile apps. Based on a service worker, a caching mechanism, and an app shell, PWAs aim to offer web apps with features and user interfaces similar to those of native apps. Furthermore, technological development has created a greater need for accessibility. An increasing number of websites, even government ones, are overlooking the need for equal access to new technologies among people with disabilities. This article presents, in a systematic review format, both PWAs and web accessibility and aims to evaluate PWAs’ effectiveness as regards the corresponding accessibility provided.

  • Research Article
  • Cite Count Icon 4
  • 10.33564/ijeast.2023.v07i09.003
EFFECTIVE CROSS-PLATFORM MOBILE APP DEVELOPMENT USING PROGRESSIVE WEB APPS, DEEP LEARNING AND NATURAL LANGUAGE PROCESSING
  • Jan 1, 2023
  • International Journal of Engineering Applied Sciences and Technology
  • Oforji Jerome C + 3 more

The proposed system uses Natural Language Processing (NLP) and Deep Learning (DL) techniques to extract voice data and translate it to text during medical consultations. Iterative model was adopted in the design of the system and the user interfaces was implemented by using NLP techniques, especially speech recognition and natural language understanding. Deep learning algorithm shows a great ability to build clinical decision support systems by extracting various information for medical diagnosis and produce result is few seconds. The result form the system testing shows that the installation size of the Progressive Web App (104 KB) is 42 times smaller than the native Android app (4.37 MB). In terms of render-speeds, the PWA rendered different results. The native app will launch the Android activity after 1408 ms after app icon tap (launch), while the progressive web app launches the application in 230 ms. The advent of cross-platform application development frame-works have made it much easier to create applications for multiple platforms for mobile devices. In spite of reduced learning effort, usually lower costs, and a faster time-to-market cross-platform methods always do not prevail in most cases. Although there are normal exclusions – like graphic-intensive games, which should to be programmed with the native software development kits (SDKS), choice between native apps, cross-platform generated ones, and Web apps can remain delicate. Whereas many diverse efforts have been made with respect to how cross-platform development frameworks ought to work, no technology is deemed unequivocally superior than the others. But a cross-platform mobile app has got an edge over native app development. It also recommends that developers adopt this technology of mobile app development due to its huge gains.

  • Research Article
  • Cite Count Icon 1
  • 10.17485/ijst/2017/v10i10/104786
Modeling the Requirements Based on Contexts in Mobile Native Apps
  • Feb 1, 2017
  • Indian Journal of Science and Technology
  • Sasmita Pani + 1 more

Objectives: This research study provides an analysis model which is used to analyze the requirements of mobile native apps contextually under any domain. Methods/Statistical Analysis: Based on the background study, the research process have taken three research approaches and also have identified various activities which are performed among a native mobile app user and mobile native apps and formed them into questionnaires which are sent to different mobile native app developers of different software industries. This research process has determined the requirements based on four contexts in mobile domain such as device context, mobility contexts, user context and social contexts. Findings: These activities are mapped into attributes and contexts for modeling the requirements under mobile domain and for developing the sub models of the analysis model. Finally the analysis model is built and composed of four sub models. These sub models are content analysis model, interaction analysis model, functional analysis model and configuration analysis model. Application/Improvements: This research study provides the analysis model where the requirements are analyzed in a mobile native app under any domain such as agriculture, learning or healthcare applications. This analysis model is significant as it determines the contexts and models the contexts which are not specified in any frameworks or process models. Keywords: Configuration Analysis, Content Analysis, Functional Analysis, Interaction Analysis

  • Research Article
  • Cite Count Icon 14
  • 10.1016/j.is.2022.102017
A comparative study on the energy consumption of Progressive Web Apps
  • Mar 8, 2022
  • Information Systems
  • Stefan Huber + 2 more

A comparative study on the energy consumption of Progressive Web Apps

  • Research Article
  • Cite Count Icon 5
  • 10.1145/3331152
PWA-EU
  • Jun 13, 2019
  • Proceedings of the ACM on Human-Computer Interaction
  • Giulia De Andrade Cardieri + 1 more

Progressive Web App (PWA) is a new approach to the development of mobile applications (apps) which was proposed by Google in 2015. It combines technology resources of both web and native apps. Meta-design is an End-User Development (EUD) approach from which end-users participate actively in a system's design process. Yet, PWAs are a recent technology and the impacts of associating EUD and PWAs has been little exploited. As the traditional PWA approach is limited regarding users acting as co-designers, we propose the PWA-EU approach, an extension of the traditional PWA architecture that includes EUD concepts. PWA-EU provides contributions in two lenses. First, the proposal was designed to be used by developers on the design/development time. Second, the app developed using PWA-EU approach will allow end-users to select design preferences, which makes them participants of the app's design. This active participation of end-users on the design is possible due to the meta-design concepts present on the PWA-EU approach. In this article, we present the PWA-EU approach and its evaluation in the perspective of developers/designers. For the evaluation, we grouped participants according to their professional background. The results also indicate that novice developers had a reasonable performance with only one hour of training.We conclude that even novice developers could achieve better performance in a real-life environment, in which they would have more time.

  • Research Article
  • 10.51582/interconf.19-20.08.2025.027
Comparative Performance and User Experience: PWAs Vs. Native Mobile Applications
  • Aug 20, 2024
  • InterConf
  • Murad Ahadli

This article analyzes and contrasts the use cases, Cultivation Methods, Tools, and User Experiences of Progressive Web Apps (PWAs) and Mobile Native Applications. It notes that since 2015, the use of PWAs has surged as a result of faster download times, offline usability, lower development costs, and enhanced engagement. Key PWAs For the Building of PWAs includes Service Workers, Web App Manifests and Responsive Web Design; the article showcases practical code examples for registering service workers, and handling notifications, as well as caching resources for a seamless user experience. Popular frameworks for PWA development includes Angular, React and Vue.js. For the user interface, Framework7, React Native, Ionic and Onsen UI provide a native user interface and feature design and offer enhanced usability. To empower PWAs, best practices include notifications and caching for heightened user reliability. Exercises in the article include tables showing the advantages and disadvantages of methods, tools sticks, and practices which outline the best routes for the developers. In essence, the article states that PWAs provide high-performance levels, are scalable, secure, and user-engaging, thus going through the same competition as native applications besides maintaining development and maintenance costs to their lowest. As the browser capabilities advance, it will become an ever-important chair for modern web development.

Save Icon
Up Arrow
Open/Close
Notes

Save Important notes in documents

Highlight text to save as a note, or write notes directly

You can also access these Documents in Paperpal, our AI writing tool

Powered by our AI Writing Assistant