Saturday 29 June 2019

What is a Progressive Web App?

What is a Progressive Web App?

PWA's are websites but better.

Progressive Web Applications (PWAs) are websites that give your users an app like experience.

They are downloaded and installed on your mobile home screen and desktop through a standard web browser. PWA’s can be indexed by search engines, receive push notifications, sync in the background and also have access to mobile devices like microphones, cameras and touch sensors. 

The requirements was outlined in 2015 by Google, since then the whole industry has been moving toward PWA's by integrating them into their browsers. They work on any platform that uses a standard compliant browser and provide a significant cost savings because they only require one coding platform to both website and app.

Progressive web applications have some distinct features which vary with apps and help them offer optimum web experience;

Service workers

Unusual title, but this part of the platform allows a PWA to receive provide push notifications, background syncing and offline working.

Offline caching

PWAs utilise caching to instantly load pages on repeat visits. Some content help within the device while the new dynamic content is refreshed on each user visit - effectively providing basic functions without the need of internet.

Integrated Platforms

Unlike Apps they will work across all devices and platforms because they are created as responsive mobile websites.

Which browsers support PWA's?

Today, progressive web apps are fully supported by Chrome and Opera. Firefox supports nearly all of their features. Microsoft Edge is working on them. Safari are even supporting them on iOS 11.3. A PWA provides features like push notification, home screen icon, full-screen and offline, the first app to glorify user engagement.

Case Studies

George.com

The UK clothing brand upgraded their website to a PWA and experienced a 31% increase in mobile conversion.

  • 3.8x - Faster average page load time
  • 2x - Lower bounce rate
  • 31% - Increase in Conversion Rate
  • 20% - More page views per visit
  • 28% - Longer average time on site for visits from Home screen

Lancôme

Lancôme PWA proved to be successful for a number of reasons - they kept users engaged with push notifications with exclusive promotions and products releases. This method delivered an 18% open rate on mobile.

  • 53% increase in mobile sessions on IOS
  • 15% decrease in bounce rate
  • 8% increase in users returning after abandoning their cart
  • 17% increase in conversion on IOS devices


PWA's coming to the Galaxy Store

Samsung are going to integrate Progressive Web Apps (PWA's) into the Samsung experience, it has decided to start adding Progressive Web Apps to the Galaxy Store along with conventional apps. 

PWA Pros

PWA’s are built using standard internet technologies like HTML, CSS and JavaScript. They work on all platforms that use standard browsers. 

  1. They are accessed by Home Screen Icons and Desktop Icons
  2. Can receive push notifications (even if application closed)
  3. Can access some native features like Cameras, Microphone, File System and Database.
  4. App Install Banners – customized installation visual buttons – also built in address bar chrome install button
  5. Installs desktop (Home) icon which can be moved to start menu or task bar.
  6. Can add to Home Screen on android, does not have to be installed but provides extra functionality if installed.
  7. Work offline capabilities, you can prepare an offline version of site that still provides useful information, reported improvement on regular browser caching load times, can save submitted data offline and sync later, can use cache then when network comes online dynamically update with latest resources.
  8. Many sites report increased turnover with this technology as switching to PWA as a shortcut on your Home Screen has less moves for a user than opening browsers and entering a web address.
  9. Indexable via Search Engines as essentially is still a website where Native apps are not.
  10. Improved abandoned shopping cart retrieval and completion thanks to push notifications bringing people back to the site when they may not have thought about it but where reminded
  11. No updates required as its basically the website in a container with extra capabilities to access native os or at least simulate as its run by chrome window
  12. Future looks like it’s going to feature PWA more with windows 10 and Edge browser actively under development with extra features to integrate in to the OS, Apple iOS on the case also but Safari reportedly behind on offering some functionality in compared to Android and Chrome
  13. Some companies have Lite version of desktop/website app that loads really quickly eg goes direct to booking section
  14. Much less development time that a native app due to it being practically a website same server side C# .Net/PHP, then client side HTML, JavaScript, CSS, SQL, XML, JSON data manipulation, native Android and iPhone apps would be almost a partial/total rewrite for a different development framework depending on requirements, advances in recent years make it less than it used to be to make native app but PWA makes it even less still (that does not mean there is no development to do however and also adding new functionality to the existing website would take same amount of time it’s just got the advantage you don’t need to maintain multiple solutions)
  15. Install Options; Google Play, Apple App Store, Windows 10 App Store, Chrome Browser, more options TBA in future

PWA Cons

  1. Can’t load Native Apps from PWA such as Google Earth location, Photoshop or Media Players
  2. Not all features are accessible inconsistent support for cameras, compass, accelerometer, gesture support for screens etc
  3. Patchy support in some browsers to install to Desktop (may improve in future)
  4. Can’t do custom window shaped application – restricted to have a coloured frame around, no super special AIMP skins or old school Winamp skins, TV players
  5. Battery consumption greater


Please call us us 0131 454 3311 or just get intouch and find out how to get started with a Progressive Web App (PWA). Learn about the future of PWA's

 

Video

Progressive Web Apps - PWA Roadshow

Useful Links

https://developer.microsoft.com/en-us/windows/pwa

https://medium.com/@firt/google-play-store-now-open-for-progressive-web-apps-ec6f3c6ff3cc

https://appmaker.xyz/pwa-examples-successful-progressive-web-apps/

https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154

https://developers.google.com/web/tools/lighthouse/audits/custom-splash-screen

https://developers.google.com/web/fundamentals/app-install-banners/promoting-install-mobile

MachineLearninginMarketing

30 July 2020

AI and Machine Learning

A big part of how we experience the world around us is visual.

Read More >

logo-200-200

Web
20 March 2020

COVID-19 Update

I do hope this finds you well - I wanted to personally let you know what WEB is doing during the Coronavirus COVID-19 pandemic. 

Read More >

icon-pwa

11 August 2019

Why PWA’s are the future of both Apps and Websites

PWAs can be considered the combination of mobile apps and websites and offer you the best of both worlds. 

Read More >

icon-pwa

29 June 2019

What is a Progressive Web App?

Progressive web applications (PWAs) are websites that give your users an app like experience. 

Read More >

news-task

25 January 2019

Conducting Task Analysis

As part of understanding what your users are looking for on your website you may want to consider task analysis.

Read More >

news-results

9 January 2019

Why emails need to be optimised for mobile.

According to recent research 41% of Europeans would either close or delete an email not optimised for mobile.

Read More >

news-redesign-3

9 January 2019

Website relaunch, how to get it right.

So you’ve just re-launched your website, revenue has dropped in fact page views has dropped and your bounce rate is up.

Read More >

news-car

9 January 2019

Cart abandonment rate average 68.63%

You might be surprised to hear the majority of shoppers that add something to their cart don’t complete their purchase. Find out why.

Read More >

news-inpage-analytics-icon

8 January 2019

Critical information on where users click

In-Page Analytics allows you to view how users interact with your website. 

Read More >

news-email-roi

3 January 2019

Improve ROI for Email Campaigns

Remember the first 40 characters in an email subject line are critical when recipients make an informed decision about to open or ignore.

Read More >

news-news

14 November 2018

Part 2 of 4 Law firm website redesigns - how to get it right

Law firm website redesigns can be a challenge, here are a few tips to make your task easier.

Read More >

news-news

23 October 2018

Part 1 of 4 Law firm website redesigns - how to get it right

Law firm website redesigns can be a challenge, here are a few tips to make your task easier.

Read More >

logo-ddf

8 July 2018

How to Access More

We asked freelance marketing consultant, writer and photographer, working in arts, culture and tourism, specialising in digital Rob Martin to write about a website we both worked on specifically about the topic of accessibility.

Read More >

news-optimisation

1 July 2018

What is Mobile Optimisation?

Mobile optimisation is about looking the requirements of users on the move and page load speed. 

Read More >

news-a-z

15 January 2018

Content Marketing: A Glossary of Terms

Here are some content marketing terms you need to know when talking the talk.

Read More >

news-SeeNowBuyNow

4 January 2018

‘See Now, Buy Now’ Catwalk Shows Drive Sales

Designers and retailers tell of their biggest sales days from shoppable catwalk shows.

Read More >

home-small-analytics

13 November 2017

Content Marketing Essentials

Content Marketing - essentials, tips on how to make an impact in just 30 minutes a day.

Read More >

news-video1

11 October 2017

Engaging audiences with Video – a new platform

Web are beta testing a new video platform which will greatly improve online engagement.

Read More >

news-a-z

18 April 2017

A - Z of Tech Terms

Here's a handy glossary of tech terms to help you navigate from your bandwidth to your backend.

Read More >

news-21

15 August 2016

Web celebrate 21 Years in Business

Web are celebrating 21 years in business and wanted to share the changes we have seen.

Read More >

news-pink-1

18 May 2016

Fruity news! New Pinkster Gin Website.

Fruity news - now live shop online for Pinkstergin.com

Read More >

news-survey-16

15 April 2016

Webs' Survey Results

Thank you very much to everyone who took part in our recent research exercise.

Read More >

home-video-news

23 March 2016

What's all this Periscope stuff?

Video was backed by most as a hot trend for 2016. Currently we have some really interesting apps in the market making streaming live from your mobile easy.

Read More >

news-fish

21 March 2016

Award winning Fishers Restaurants has a shiny new website.

It's true, we at Web are turning into Foodies. 

Read More >

news-redesign

24 August 2015

Removing Referral Spam from Google Analytics

Removing Referral Spam from Google Analytics - part two.

Read More >

news-mobile-interface

21 April 2015

Mobile screen limitations present opportunities.

Smartphones may have small screens and at times poor connectivity but they do present opportunities for brands to streamline content.

Read More >

news-email-timing

7 January 2015

Email campaign timing, does access via mobiles and social media impact?

You all know the importance of sending branded emails with relevant content - we fuss over spam filters, subject lines, great offers, calls to action and segmentation...

Read More >

news-dundee-rep

Web
6 January 2014

New Website Launch!

Web are very excited to have launched a new website for Dundee Rep Theatre with fantastic results.

Read More >

news-saltire

Web
16 October 2013

The Saltire Society - new website launch

The new website for The Saltire Society has been launched with a fresh look!

Read More >

news-mif

Web
16 May 2013

Official Manchester International Festival is live!

Web are delighted to announce the Manchester International Festival website has launched with their 2013 Festival programme. 

Read More >

news-nyt

Web
24 April 2013

National Youth Theatre appoint Web

The National Youth Theatre have appointed Web to re develop their website and backend systems which will process thousands of would be applicants. 

Read More >

news-facebook

26 October 2011

Web's innovative Facebook ticket sales application

Working with The Lowry's marketing team Web launched an innovative Facebook platform which allows users to book theatre tickets via their social media website on Facebook.

Read More >

news1

Web
18 October 2011

New logo and website

We are pleased to announce we have a new logo and website. For a long time now when people speak of us they refer to us as "Web" so we thought, let’s keep it that way!

Read More >

 
 
Need to improve your business? Let's grab a coffee and talk about stuff.

Fill in your name and we'll get right back to you.

 


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
 
Founded in 1995 based in Edinburghs' tech hood in Leith, WEB is a company specialising in machine learning, progressive web app's and website design for Law Firms. It's team includes design, software engineering and online marketing.
 
 

Work in progress since 1995.
Got any questions? Just get in touch.

 

Keep in Contact

Never a miss out. Subscribe and you’ll get our latest case studies, articles and news.

Email Address
 
 
© WEB 2020 - 10 Constitution Street Edinburgh EH6 7BT. Tel: 0131 454 3311