WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2022 • Jun 15, 2022

Is your Progressive Web App Lazy? How to read and improve your PWA Performance

Laura Morinigo

Is your PWA secretly lazy? Stop settling for basic responsiveness. Learn to eliminate layout shifts, strip bloated CSS, and master service workers for true offline resilience.

Pause
Mute Enter Fullscreen
#1 about 2 min

Introduction to progressive web apps

An overview of why modern web applications need to be responsive, fast, and capable of working offline.

#2 about 3 min

Mandatory technical requirements for PWAs

The three essential components needed to upgrade a standard site into a progressive web application.

#3 about 3 min

Tools for measuring web app performance

Using standard benchmarking environments to identify performance bottlenecks and evaluate application load speeds.

#4 about 3 min

Understanding core Lighthouse performance metrics

How to interpret modern UI performance indicators to understand the actual user experience during initial loading.

#5 about 4 min

Fixing cumulative layout shift with images

Defining specific dimensions and utilizing placeholders for dynamic images prevents visual instability on slow connections.

#6 about 5 min

Optimizing CSS to improve interactivity times

Techniques for reducing render-blocking styles and hunting down unused CSS rules using browser developer tools.

#7 about 3 min

Enhancing perceived load time with splash screens

Configuring the application manifest file to display a splash screen bridges visual gaps for mobile users before complete interactive load.

#8 about 4 min

Implementing offline capabilities using service workers

Strategies for active asset caching, managing unpredictable endpoint failures, and serving customized offline fallback HTML pages.

#9 about 4 min

Reviewing optimization improvements in Lighthouse

A final demonstration showing how applying technical structural changes dramatically boosts overall application metrics for performance.

#10 about 3 min

Handling third-party variability and caching tools

Managing unpredictable dependencies with fallback content and migrating to standard libraries to streamline the development cycle.

Matching moments

1:20 min

Questions on styling extensions and progressive web app potential

Marius Obert Marius Obert · WWC 2023

1:15 min

Defining progressive web apps and their core advantages

Nico Martin · LIVE

6:13 min

Core capabilities of progressive web applications

Lucien Immink · LIVE

1:29 min

Evaluating progressive web apps for mobile deployment

Mira Jago · WWC 2021

3:11 min

PWA adoption models and bridging native capabilities

Maxim Salnikov Maxim Salnikov · JS Congress

6:20 min

Enabling offline capabilities and application installation via service workers

Christian Liebel Christian Liebel · WWC 2022

More from World Congress 2022

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
almost 4 years ago

What the heck do "declarative" and "reactive" actually mean?

André Kovac

The Design and Evolution of C++ thumbnail
1:01:15
about 4 years ago

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail
31:12
about 4 years ago

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail
28:11
about 4 years ago

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail
42:53
about 4 years ago

Get Ready for Jakarta EE 10!

Ivar Grimstad

Keep your code refactorable thumbnail
26:46
about 4 years ago

Keep your code refactorable

Gerrit Stapper

Upcoming sessions on this topic

Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Paweł Matynia, Bartosz Leczycki

Paweł Matynia
Bartosz Leczycki
Open session

World Congress 2026 North America

Offloading IoT State: Solving the Memory Crisis on Legacy Hardware

Pravin Nagare

Senior Software Engineer, Roku

Pravin Nagare

Related videos

PWA Fundamentals: websites with superpowers thumbnail
43:06
WWC 2021 • about 5 years ago

PWA Fundamentals: websites with superpowers

Rowdy Rabouw

Progressive Web Apps - The next big thing thumbnail
40:01
LIVE • almost 6 years ago

Progressive Web Apps - The next big thing

Nico Martin

PWAs in 2021 thumbnail
41:49
JS Congress • over 4 years ago

PWAs in 2021

Ire Aderinokun

Core Web Vitals: Put your application into orbit with best practices thumbnail
19:52
WWC 2024 • almost 2 years ago

Core Web Vitals: Put your application into orbit with best practices

Nicolas Frizzarin

Catching up on the basics you don't really need that much code thumbnail
14:44
LIVE • about 2 years ago

Catching up on the basics you don't really need that much code

Chris Heilmann

Native Web Apps: Are We There Yet? thumbnail
44:40
JS Congress • over 4 years ago

Native Web Apps: Are We There Yet?

Maxim Salnikov

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.