Video: Service Workers in Action — Building an Offline-Capable Webshop in under 90 minutes

Erik Witt
Speed Kit Blog
Published in
2 min readDec 14, 2019

--

Recently on at code.talks 2019 in Hamburg, we held a hackathon to showcase how the Service Worker Web standard can be used to fight long loading times in modern e-commerce. You can find a video of our talk and the abstract below. We hope you enjoy!

2019 is the year of Progressive Web Apps: With Service Worker support in every major browser, tight integration into Google’s and Microsoft’s app stores, and even Desktop PWAs in Chrome on every platform, PWAs have started to take over mobile and even desktop app development. Just the right time to see what all the fuzz is about.

In this hackathon, we will provide a deep-dive into the Service Worker standard by turning the most basic website you can imagine into an offline-capable PWA showcasing the most awesome Service Worker capabilities. We will add new features step-by-step to illustrate add-to-homescreen functionality, the offline mode, push notifications, and the different caching strategies, each with their own example. As we go, we will provide background information on scopes, lifecycles, persistence, and other pivotal concepts and we will talk about the many quirks and pitfalls we have encountered in the last two years. Finally, we will provide an overview over the exciting features and APIs that are yet to come (e.g. for payment, credentials, sharing, and speech processing). No special hardware needed!

Check out speedstudy.info to learn why websites are often slow, how you can make them faster, and why this will boost your business success!

--

--