Report • 25.06.2018

PWA and AMP: How to deliver mobile content faster

Part 3 of the topic series: Mobile optimization

In the third part of our series, we introduce more ways to make a mobile website more user-friendly. Aside from affecting load time, these options can do so much more.

The technologies are described in detail in the "Modern Mobile Web Technologies" guidelines of the German Federal Association of the Digital Economy (BVDQ). We summarize the main ideas for you.

Progressive Web App (PWA)

Progressive Web Apps essentially look like a native mobile app: the home screen starter, the design, the splash screen, the system’s color scheme and the custom favicons make it seem that way. What’s more, they also satisfy every wish on the part of the user and the operator. They function much like a native mobile app, but users don’t have to bother with downloading them from the Play Store. PWAs can be linked and added on the cell phone’s home screen, so they won’t be forgotten and stay there when the phone is being used.

Thanks to the installed service worker in the background (a JavaScript proxy), developers control the website’s user experience (e-commerce features).

What makes this so special: the performance remains excellent even on a slow network or if the user wants offline access - fast interaction and quick load times, as well as smooth scrolling and animations included.

Some of the world’s largest companies like BMW use PWAs. Jörg Poggenpohl, Head of Digital Marketing at BMW explains: "With the new BMW.com relaunch, BMW emphasizes context-based communication in its digital customer approach. Easy-to-consume "snackable" formats such as listicles or infographics maximize the appeal to readers. Mirroring our vehicles, the user experience centers on the optimized performance of the mobile website. That's why we chose an AMP-based Progressive Web App (PWA) for the technical implementation. "

What makes PWAs so exciting for marketers is that they enable them to reach out to users with push notifications that offer a variety of applications. This includes options such as making users aware of special discounts or new available products in the online store. Users must first enable this feature to be able to receive notifications.

Some browsers support service workers, which run and do all the work in the background. These operations are separate from the actual website. Only the dynamic elements on the web server have to be retrieved, which in turn cuts data usage.

Fast, faster, Accelerated Mobile Page (AMP)

An Accelerated Mobile Page is an additional version of the actual online store, reduced to the content only. There are two AMP cache providers: Google and Cloudflare.

"However, the AMP integrated platform that links to individual content, such as Bing, Pinterest or Google, and not the advertiser or publisher decides for or against the cache option." (BVDW)

The benefits of trusting Google? Your own great performance is virtually guaranteed thanks to the automated optimization of images and data by Google. AMP is responsive, the images and contents are automatically adjusted to the right size for each device - without loss of content. Distribution platforms like Google, feedly, Pinterest, Twitter, and LinkedIn support this format.

AMP sites are already popular among publishers, yet more and more e-commerce providers and ad tech platforms are also taking advantage of this technology. German companies, such as FlixBus, Comdirekt and BMW count among the many users.

The positive effects of using AMP are enormous:

  • Fast load times in Google Search
  • Improved SEM performance
  • Increased sales
  • Longer dwell time
  • More traffic, mobile revenue, and a better CPM (cost per thousand impressions) for ads
  • Higher conversion rate

"AMP implementations in e-commerce, for instance by AliExpress, yielded impressive results and a four percent increase in conversions with AMP sites. The French retailer Greenweez also reports AMP sites that are five times as fast and an 80 percent increase in conversion rate. " (BVWD)

Having said that, you must carefully consider your content when it comes to an AMP solution. It must be content that is short and concise, as well as easy and effective to understand. A simpler structure is always better and can be achieved with tools such as infographics, images, headlines, quotes, and GIFs.

Find out how you can benefit from mobile payment and artificial intelligence, and how you can optimize these features to create a better and more engaging customer experience in the last installment of our series.

Author: Nora Petig; iXtenso – Magazine for Retailers

related articles:

popular articles:

Thumbnail-Photo: Spar: opening in Copenhagen
30.10.2019   #electronic shelf labels (ESL) #price labelling

Spar: opening in Copenhagen

International Flagship-Store opens for business in Sydhavn, in the South of Copenhagen

On August 22nd, the grocery chain Spar opened its doors to a brand new store with international concepts in the South of Copenhagen area, Sydhavn. The new store offers a modern shopping experience where it should be easy, convenient and enjoyable to ...

Thumbnail-Photo: Retail analytics: Breaking down data silos and improving operational...
29.07.2019   #data management #data analysis

Retail analytics: Breaking down data silos and improving operational efficiency

How comprehensive data usage led to higher revenue at Heine

“As a business with heritage in mail order, we used to have access to detailed reports about product performance in our catalogues. Once our digital presence grew, we had very limited information available that combined the KPIs for both our ...

Thumbnail-Photo: App creates personalised shopping experience...
26.08.2019   #mobile payment #app

App creates personalised shopping experience

The Swiss trading company Valora is opening its first cashless convenience store

The goods are chosen, scanned and paid for using the avec smartphone app. Mobile computer vision specialists Scandit’s scan engine is a key component of the customer-facing app. The future of shopping - whether online or offline - is ...

Thumbnail-Photo: “Money left on the table”
19.11.2019   #customer satisfaction #customer analysis

“Money left on the table”

Mark Thomson from Zebra explains why stock management is essential for retailers

Zebra Technologies Corporation did a study on attitudes of shoppers and their buying behavior. It shows that more than half of Generation X shoppers shopped in a store and left without a purchase only to end up purchasing the item ...

Thumbnail-Photo: When the product becomes the POS
19.08.2019   #mobile payment #pos systems

When the product becomes the POS

“Mobile-first” or the future of the Point of Sale

The classic Point of Sale means physical sales areas including a terminal, cash systems and queues. But this traditional image is changing. Nowadays many customers in brick-and-mortar retail outlets expect the same experience as online and require ...

Thumbnail-Photo: Mobile payments at the supermarket checkout
05.08.2019   #mobile payment #smartphone

Mobile payments at the supermarket checkout

An early adopter’s experience of mobile payments

Or: "What’s that you’re doing with your watch?“I still remember the first time I used mobile payment technology and paid for items with my smartphone at a supermarket checkout: It was October 17, 2018, exactly seven days after ...

Thumbnail-Photo: Silver Surfers: Older adults ride the wave of mobile technology and shop...
01.08.2019   #online trading #e-commerce

Silver Surfers: Older adults ride the wave of mobile technology and shop online

The increasing importance of e-commerce for senior citizens

You are wrong if you think it’s mostly young people who spend time online. Older adults are also increasingly embracing online shopping with enthusiasm.In this interview, Spencer Hinzen, Director of Sales, Central Region, Ruckus Networks, ...

Thumbnail-Photo: Enhanced, interactive, virtual – It’s all about the experience!...
21.11.2019   #online trading #customer satisfaction

Enhanced, interactive, virtual – It’s all about the experience!

AR and VR can boost online and offline retail

New technologies permeate all aspects of the retail business, whether it’s self-checkouts, AI or robotics. Virtual and Augmented Reality (VR and AR) are yet other components in this setting. In this interview with iXtenso, Kelly Goetsch, ...

Thumbnail-Photo: Pay cash? Via code!
26.08.2019   #mobile payment #app

Pay cash? Via code!

Shop online, pay the bill offline

Barzahlen.de relies on good old cash. The concept of the Berlin start-up: shop online, pay in cash at the store. Swimming against the trend of fast online shopping and mobile payment is paying off, says Weina Wang, Head of Retail. In an interview, ...

Thumbnail-Photo: Making Deeper Connections at ISE 2020
21.11.2019   #digital signage #video

Making Deeper Connections at ISE 2020

Visitor registration opens; exciting new features; most conferences ever; opening address confirmed

Visitor registration opens today for ISE 2020, which is set to be the most compelling Integrated Systems Europe show ever. Taking place at the RAI Amsterdam on 11-14 February 2020, ISE is the world’s leading event for the professional systems ...

Supplier

Superdata GmbH
Superdata GmbH
Ruhrstr. 90
22761 Hamburg
Delfi Technologies GmbH
Delfi Technologies GmbH
Landgraben 75
24232 Schönkirchen
iXtenso - Magazin für den Einzelhandel
iXtenso - Magazin für den Einzelhandel
Celsiusstraße 43
53125 Bonn
APG Cash Drawer
APG Cash Drawer
4 The Drove
BN9 0LA Newhaven
Permaplay Media Solutions GmbH
Permaplay Media Solutions GmbH
Aschmattstr. 8
76532 Baden-Baden