Logo de FreelancerCómo funcionaBusca trabajos Iniciar sesión Registrarse Publica un proyecto
Find Jobs
Hire Freelancers
Get Ideas
The ultimate guide to building a mobile app Mobile app development platforms

Progressive web apps: The biggest trend in mobile app development

Progressive web apps are set to be the most monumental trend in app development yet. If you're not developing PWAs your competitors will win in 2020.
29 abr 2019 • Lectura de 7 minutos
Actualizado el 21 ene 2020 por Adam S.
 Foto de portada

PWA programming with attitude.

Whether you’re confined to a stuffy train cabin for hours a day, begging for the receptionist to call your name in the medical centre lobby or keeping sleep at bay with a luminescent stream of headlines and memes, a huge portion of digital natives experience the internet almost exclusively on smartphones. It’s how a huge portion of us engage with the internet but stats as recent as February 2019 show the market share is still an even split, with 48.21% of website traffic coming from desktop computers, 47.96% from mobile/smartphone devices and a lowly (but not insignificant) 3.83% of traffic coming from tablets.

Freelance Mobile App Development Experts

Avatar del usuario
Bandera de Om Infowave @ominfowave
10 USD / hour
5,0 (283 comentarios) PHP Java JavaScript XML Website Design
Visit profile
Avatar del usuario
8 USD / hour
4,9 (1202 comentarios) PHP C Programming JavaScript Visual Basic .NET
Visit profile
Avatar del usuario
Bandera de Usman N. @futivetechnet
25 USD / hour
4,9 (208 comentarios) PHP Java JavaScript .NET Website Design
Visit profile
Avatar del usuario
Bandera de Technource Pvt Ltd @SRajpurohit
20 USD / hour
4,8 (461 comentarios) PHP JavaScript XML Python Website Design
Visit profile
To accommodate this split between desktop browsing and smartphone swiping, most websites have adopted a responsive, mobile-first approach to design after the last decade. Keyword, “most”... In 2019, there are still a ton of websites that haven’t. Often, these dastardly desktop-first offenders engage with their users via a mobile app for the majority of the transaction or experience while sending them to a non-responsive web page for particular actions or features (like updating account information).
These services rest on their laurels by offering an acceptable app experience while making things difficult for mobile users who dare change their password or update their credit card details. Many companies fall for the dated belief that any and every service needs an app store presence and focus their resources on iOS and Android development.
Other websites do just fine at making their websites responsive with a mobile-first approach but for many companies, mobile-first begins and ends with responsiveness: scaling font weight and size, collapsible tables and more max-width: 100% more CSS than you can possibly imagine. But what if you didn’t need a native app to give your users that smooth, gesture-based user experience? What if you could build a website that is optimized for desktop and mobile use from the ground up? You don’t and you can. Let us introduce you to PWA, Progressive Web Apps.

What is a PWA?

At first glance, PWAs might look like any other web app but they differentiate themselves by offering the experience and feel of a native app. In short: it’s the best of both worlds, offering the benefits of a native app user interface (UI) while operating like a normal web app on browsers. Progressive Web Apps are built using a relatively new software development methodology.
The first use of the term “progressive web apps” dates all the way back to 2005, when Chrome Engineer Alex Russell and designer Frances Berriman described it as a native operating system web app upgrade that takes advantage of the features offered by modern web browsers. Advantages like service workers (JavaScript that runs in the background separate to UI scripts, optimizing the load on multi-core CPUs) or web app manifests (metadata files that list details like name, version number and licensing).

Featured Work in Mobile App Development

Portfolio item image
Glam Crew App
by aarvtech
Portfolio item image
Travel App - Hullortravel.com
by gobyweb2
Portfolio item image
Prayer Times App for Asian Countries
by eclairios
Portfolio item image
App Concept for Dental Clinic
by theislanders
PWAs are an improvement on the existing web technologies we already use and don’t require any additional bundling or distribution so implementation is a cinch compared to other web technology migrations.

Why would I develop PWA over a native app?

There are many reasons why developers believe PWA is the future for web development but the short and skinny of it is this: cost. Native app development can be pricey and the resources required to maintain them could be put to use elsewhere. PWAs work on most browsers and operating systems out of the box, so they negate the need to split development costs across separate priorities. They consolidate everything so your team can focus-fire on improving one app/website, rather than two or three different platforms.
Companies that have already adopted PWA, like Alibaba, have even credited increased conversion rate and purchases per customer on the switch from native to PWA. Back in 2016, the mammoth B2B trading platform reported a 76% increase in conversions across browsers, a 14% increase in monthly active users on iOS, a 30% increase on Android and 4 times as many interactions with the “Add to homescreen” prompt after switching to PWA.
So should you switch from native development to PWA? Well, do you love that cold, hard cash, dear reader? Of course, the increase in revenue won’t come magically. It’s what you can do to improve user engagement that brings about that result. By focusing all your energy into one PWA, more time and resources can be spent on the overall UX and UI of your service/website, making your users happy and your wallet even happier.

Freelance Mobile App Development Experts

Avatar del usuario
Bandera de SapphireSoftwareSolutions @contactsapphire
15 USD / hour
4,8 (42 comentarios) PHP JavaScript .NET Website Design Graphic Design
Visit profile
Avatar del usuario
Bandera de Brainium @bullslogix
15 USD / hour
4,7 (53 comentarios) XML Adobe Flash Visual Basic .NET Linux
Visit profile
Avatar del usuario
Bandera de TechnoThumb LLP @Deepak502
15 USD / hour
5,0 (34 comentarios) PHP JavaScript .NET Mobile App Development iPhone
Visit profile
Avatar del usuario
Bandera de Waqas K @eclairios
40 USD / hour
5,0 (126 comentarios) PHP Java JavaScript XML Python
Visit profile

If PWA is so good, where are the successful websites that already use it?

We’re glad you asked. Many apps you use every single day are already using PWA. As the methodology’s biggest proponent, Google is already using PWA on some of its most popular services, like Google Maps and Google Photos. If you vaguely remember the moment the Google Maps website stopped acting like a website and started behaving like an app on mobile devices, then you remember the moment it switched to PWA.
Examples of this can be seen across some of the world’s biggest services on the web; Twitter, Tinder, Uber, Flipboard, Telegram and The Washington Post have all made the switch to PWA over the last few years. But why take our word for it? You can experience the PWA with one quick exercise:
Locate the Google Maps app on your smartphone and delete or disable it (don’t worry, you won’t lose any data).Open Google Chrome, search “Google Maps” and click the first link. You will see Google Maps in its entirety, working as you’d expect, within the browser (as well as a call-to-action at the bottom of the page asking you to add Google Maps to your homescreen).Bonus round: Just for giggles, switch your smartphone to airplane mode and refresh the page. You will notice the PWA still loads (although some features might be restricted).Boom. You’ve just witnessed the power of PWA, firsthand.

I’m sold. How do I build or switch to PWA?

Switching to PWA isn’t as hard as it sounds. And even if it does end up being harder than it sounds, there are plenty of freelance developers with the responsive know-how to help you through.
If you’re not building your website from the ground up as a PWA, you can switch by following a few simple steps. You will need an Android device running Chrome 52 or above, some background knowledge of git and Chrome DevTools, the sample code, a standard text editor and HTTPS authentication. You, or your development team, will need to clone the GitHub repository in order to develop a directory for migrating to PWA, update your head tags with mobile-friendly viewport meta tags and a Web App Manifest, add, create and register a Service Worker and enable the entire website to cache and work offline. That’s the express version of it.
There are a lot of steps in-between and the workload will vary depending on the complexity of your existing site but the bones of the process are relatively straightforward. If you’re a developer with experience building responsive websites, you should breeze through the process but if you don’t have a dev background or you’re building a website for the first time, we strongly recommend recruiting the help of someone with a little technical know-how.

Featured Work in Mobile App Development

Portfolio item image
Farmers and Consumers App
by sudpixel
Portfolio item image
Feed Machi - Game Development
by Designzforu
Portfolio item image
Single Around Me | Dating App
by bullslogix
Portfolio item image
MCOOK: Restaurant App Design
by sevenspan

Can I submit my PWA to the App Store and get the best of both worlds?

One big drawback of PWAs is that, for all intents and purposes, they behave like an app with the exception of hardware and operating system compatibility. Some platforms make it difficult for PWAs to access hardware features, like GPS, Camera or Microphone, or to take advantage of OS ecosystem features (e.g. music controls on the lock screen). iOS, in particular, flat out prevents web apps from requesting permission for the privileges given to native apps.
If you want your PWA on the App Store, you are required to write a native app wrapper with something like Cordova to get it on the App Store and interacting with iOS like a native app. Then there’s the cost of admission. Apple still stings creators $99 USD per year to have their app listed on the App Store. Getting listed on the App Store is a headache, even with native, and getting a PWA live complicates things further.
To build an iOS app, you need XCode, which is only available on Mac (so you need a Mac computer), then you need to be certified for Apple’s developer program. After all of this, you need to link your Apple developer certificate with an iTunes Connect account. Then, finally, once you’ve jumped each of these hurdles, you need to go pour yourself a stiff whiskey and abandon the project entirely. But the answer is yes, you can have your cake and eat it too — it just takes a little extra effort.
Things are wildly different on Google Play and Microsoft. Google Play’s certification runs through Android Studio (which is available across Mac, PC and Linux) and is, by every measure, a far less painful experience. There is a once-off $25 USD fee for submitting but that’s a small price to pay for convenience.
For the Windows Store, you simply need to create an .appx package with something like Visual Studio before submitting to the Microsoft Dev Center. The best part is that it’s completely free. Better yet, Microsoft is setting the pace for PWA adoption by automatically adding PWAs to the Microsoft Store as soon as they are crawled by Bing. Back in 2018, Microsoft experimented by adding 10 PWAs to its store (including big-name websites like Skyscanner and ASOS). At the time, Microsoft stated that PWA apps would be treated as “first-class citizens” in Windows 10 which is an attitude we hope Apple learns from. Because, whether Apple is invited or not, the PWA party is just beginning and the future of this exciting methodology (and the companies that take advantage of it) is bright.

Freelance Mobile App Development Experts

Avatar del usuario
Bandera de Logictrix Technologies @jastp
20 USD / hour
4,9 (456 comentarios) PHP ASP Java JavaScript XML
Visit profile
Avatar del usuario
Bandera de David S. @davidseek
205 USD / hour
5,0 (24 comentarios) Project Management Mobile App Development iPhone Testing / QA Objective C
Visit profile
Avatar del usuario
Bandera de Ark Games @abhishek6077
35 USD / hour
4,9 (81 comentarios) PHP C Programming Adobe Flash Visual Basic Graphic Design
Visit profile
Avatar del usuario
Bandera de Groovy Web Firm @groovywebco
22 USD / hour
5,0 (265 comentarios) PHP JavaScript XML Python Website Design
Visit profile
Cuéntanos qué trabajo necesitas encargar
Ingresa el nombre de tu proyecto
Inicia tu proyecto
Historias relacionadas
 Miniatura de artículo
Mobile app development platforms
Lectura de 8 minutos
 Miniatura de artículo
The ultimate guide to building a mobile app
Lectura de 16 minutos
 Miniatura de artículo
7 Android trends to watch for in 2019
Lectura de 4 minutos
 Miniatura de artículo
7 iOS trends to watch for in 2019
Lectura de 3 minutos
 Miniatura de artículo
The 10 hottest mobile app development trends for 2019
Lectura de 5 minutos

Habla con uno de nuestros Copilotos técnicos para que te ayude con tu proyecto

Recibe ayuda ahora

Artículos recomendados solo para ti

 Foto de miniatura de artículo Building your business' website from the ground up
Learn the complete end-to-end process of building a successful website for your business in our comprehensive guide 
19 min read
 Foto de miniatura de artículo Planning your startup
Our ultimate guide will help you write a business plan investors will be ripping out of your hands. Learn how to expertly craft each section of it.
22 min read
 Foto de miniatura de artículo Why you need a social media marketing strategy
Effective social media marketing is crucial your brand. Learn how to hire a social media expert to bring you maximum results for minimum investment
10 min read
 Foto de miniatura de artículo Corporate branding: What it is and why you need it
Good corporate branding can add massive value to your business. We'll show you how to turn your brand into a valuable asset
7 min read
Usuarios registrados Total de empleos publicados
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2023 Freelancer Technology Pty Limited (ACN 142 189 759)
Cargando visualización previa
Permiso concedido para Geolocalización.
Tu sesión de acceso ha expirado y has sido desconectado. Por favor, inica sesión nuevamente.