Progressive Web Apps

Spotify PWA: The Movement is Now

What we all know is that Google was going all-in on the PWA (Progressive Web App) movement; but what you probably don’t know, is that Microsoft was planning on the same thing and has already made their move.

With Microsoft’s recent embrace of PWA by encouraging app makers to incorporate PWA into their UWP apps, Progressive Web Apps can now actually be available on the Windows 10 Store and are more adaptive to the user’s needs than ever.

For developers who want to tailor an existing web codebase to Windows 10, or provide a first-class cross-platform experience with native capabilities and enhancements, PWA provides an on-ramp to the Universal Windows Platform that doesn’t require demoting or forking existing web resources.

Welcoming Progressive Web Apps to Microsoft Edge and Windows 10, Windows Blog

Coupled with the fact that installations of PWAs are made possible with Chrome 70 onwards, the future of all things PWA is getting more and more realistic with each passing day.

With all these things going on, it looked like Spotify was unable to resist the temptation and joined the race with their own version of Spotify PWA, despite having their own desktop app.

Spotify PWA interface

How to install Spotify PWA

For installations of Spotify PWA, or Desktop PWAs in general, you need an up-to-date Chrome, Microsoft Edge, or Firefox (with a little tweak). As of now, these are the only three browsers that allow for installations of PWA on desktop.

Once you have satisfied all the necessary requirements for installations of PWA, head over to the Spotify PWA address page and look for the (+) icon:

PWA install button

After clicking the (+) button, a pop-up will be shown asking for your permission.

Spotify PWA pop-up install

Click on Install and that’s it. The installation process for PWA is pretty quick so you should see a Spotify icon immediately after on your desktop.

Spotify PWA desktop icon

PWA vs Desktop App: What’s The Difference?

You might be wondering, why try PWA when Spotify already has a desktop app? That same question was asked by us and, spurred by which, we then started working on this article in order to deliver the best possible answer to music enthusiasts out there. One thing for certain, we can tell you, is that Spotify has really stepped up their game with their PWA version.

The Old Monotone UI is No More

Visually, we feel that Spotify PWA is more polished and vastly different compared to its desktop app counterpart. It is also more reactive, adaptive and more responsive; the in-app animations are improved; together these changes make for an effortless and tailored experience.

Spotify PWA interface
Spotify PWA
Spotify Desktop App interface
Spotify Desktop App

Your background colors are now adapable to your album genres and change colors accordingly, making your experience more personalized and unique—as a music player should be.

Spotify PWA: in-app colors
Spotify PWA adaptive background
Spotify Desktop App: in-app colors
Spotify Desktop App

A Total Functionality Revamp

We felt as though Spotify PWA went through a revamp when it comes to its functionality!

Menus such as Playlists, Made for you, Albums … are now relocated to the above of the main section, making the left panel less clustered and enabling more room for users. This is especially useful for music enthusiasts who have lots of playlists and in need of more space or users who are more on the orderly side and can’t stand a crowded UI.

Spotify interface

As you browse through the Spotify PWA on the web, you’ll now have the option to choose to have links from Spotify open in a standalone Spotify PWA, which is actually pretty cool.

Browser option: Open in Spotify

Ad block

Since a PWA is technically still a website with features and functionalities of a native app, ad-blocker extensions actually work on PWAs. So for free users, this means you can enjoy an uninterrupted, ad-free listening experience without having to pay a dime.

if you have yet to have installed an ad block extension for your browser, we recommend uBlock Origin as it’s highly customizable and is easy on the CPU and RAM.

One Huge Drawback

The one and biggest drawback that we could find was that Spotify PWA is unavailable for offline uses. It’s not as though offline availability for Spotify PWA is impossible, it’s only a tricky process:

Spotify’s web player uses Encrypted Media Extensions (EME) which requires exchange of keys with external servers.

Hopefully, with time and dedicated work from the talented Spotify developers, offline functionalities will soon be available for Spotify.

Spotify PWA error: offline unavailable

Overall Usability

We feel that our experience with Spotify PWA was a step-up compared to the desktop app and worth recommending over its Desktop version. The app speed and responsiveness are in its optimal quality; there wasn’t any bug or error that got in the way of our enjoyment. Some of us even joked around that the entire experience was comparable to that of a Spotify Plus, and perhaps that’s not far from the truth.

Overall Score: 4.5/5

After using PWAs developed by top-tier developers around the world such as Spotify, Twitter, Pinterest, etc, the only thing that struck us as odd is why there isn’t more company following the same footsteps. It sure is a risky business but as we all know, sometimes we need to take a risk in order to get closer to success.

Recommended reading: 12 Progressive Web Apps Examples for Your Inspiration in 2019 (and Beyond)  

PWA is undoubtedly the key to the future of the Web and will soon be the core of most Windows 10 Store Apps. If you’re still wondering whether or not should you build a PWA, SimiCart is here to answer your every question and needs. Especially, for online merchants looking for an all-around perfect Magento PWA solution, here we offer a complete package for you and your store.

Luke Vu

A content writer with a passion for the English language.

Notify of

Most Voted
Newest Oldest
Inline Feedbacks
View all comments
3 years ago

I tested with Firefox and it works too, at least Spotify PWA. Set browser.ssb.enabled to true

1 year ago
Reply to  Dimas

how do we do that