At its heart, a progressive web app (PWA) is a website that functions like a native app on a shoppers’ device. Although simple in concept, PWAs have the potential to massively improve a retailer’s operations, from shortening website load times to boosting natural Google search ranking, according to the Progressive Web Apps: The Best Kept Tech ‘Secret’ In Retail session at the 2020 Retail Innovation Conference.
On average, PWAs are 43% faster than traditional
websites, according to data from Salesforce. This acceleration is achieved by
decoupling the business backend from what shoppers see on the frontend. While a
traditional website needs to calculate a response every time a page loads, a
PWA sends its first response in the form a PWA, which is then available on the
user’s device, making subsequent responses much easier.
However, while improved speed is a significant benefit, the
biggest secret of PWAs may be their marketing potential. PWAs affect some of
the most important metrics Google considers when it determines who it will rank
in its organic search listings. There are three particular metrics that PWAs
- Largest Contentful Paint: This measures
the loading performance of the site — retailers should strive for LCP to
occur within 2.5 seconds of the page starting to load;
- First Input Delay: The length of the
first input delay before a user can do something, such as swipe or click,
should be kept under 100 milliseconds; and
- Cumulative Layout Shift: A measurement of
how much elements on the page move as it loads. Ideally the CLS should be less
“My argument for PWAs has less to do with the user experience,” said Ryan Gellis, Founding Partner of RMG Media. “That’s very important, but where I think the web apps really help companies grow in the retail space is by allowing you to gain ranks within Google for very little effort when it comes to building out the tech.”
PWAs Can Improve Development With Customizable, Easily
While there are multiple frameworks for building PWAs, the
preferred framework for U.S.-based businesses is React, according to Gellis.
The software is built and maintained by Facebook, which means updates are
available quickly, and the framework is both highly customizable and has a low
barrier to entry.
“When we were looking at the right technology to use to start a project, [one] that was fortunately greenfield, we looked at Vue, Angular and React as well,” said Brandon Elliott, VP of Technology at Leafly. “It is notable that we found quite a bit of support with a major public company in the U.S. behind React. That goes a long way, and there are a lot of frameworks and a lot of tutorials.”
PWAs also can improve the workflow for development teams.
The process is divided into components, which can be built in isolation. This
leads to a much lower chance for errors, as every team member is able to see
the different states and functions of each component separate from the app
letting them test each component in unison with each other component.