Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016
Stay organized with collections
Save and categorize content based on your preferences.
Jake Archibald on Instant Loading: Building offline-first Progressive Web Apps
For most of the web, poor network connectivity destroys the user experience. We can do better. In this session we'll take an online-only site and turn it into a fully network-resilient, offline-first installable progressive web app, and this won't involve rebuilding from scratch; it'll be done in small iterations, with each step improving the user experience whether they're offline, online, or anything in between. This session will cover ServiceWorker, web manifests, add-to-homescreen banners, IndexedDB and BackgroundSync APIs.
#io16
#GoogleIO
#GoogleIO2016
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2024-08-06 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-08-06 UTC."],[[["\u003cp\u003eThis session focuses on transforming an online-only website into a resilient, offline-first Progressive Web App (PWA) through iterative improvements.\u003c/p\u003e\n"],["\u003cp\u003eThe techniques demonstrated enhance user experience across all network conditions, including offline, online, and intermittent connectivity.\u003c/p\u003e\n"],["\u003cp\u003eService Workers, web manifests, add-to-homescreen banners, IndexedDB, and Background Sync APIs are among the technologies covered.\u003c/p\u003e\n"]]],["The session demonstrates how to transform an online-only website into an offline-first, installable progressive web app incrementally, without a complete rebuild. It focuses on enhancing the user experience across various network conditions. Key actions include using ServiceWorker, web manifests, add-to-homescreen banners, IndexedDB, and BackgroundSync APIs. The talk emphasizes network resilience and improved user experience, even when offline. Additional links to Google I/O 2016 related contents and social channels were provided.\n"],null,["# Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016\n\nJake Archibald on Instant Loading: Building offline-first Progressive Web Apps\n\nFor most of the web, poor network connectivity destroys the user experience. We can do better. In this session we'll take an online-only site and turn it into a fully network-resilient, offline-first installable progressive web app, and this won't involve rebuilding from scratch; it'll be done in small iterations, with each step improving the user experience whether they're offline, online, or anything in between. This session will cover ServiceWorker, web manifests, add-to-homescreen banners, IndexedDB and BackgroundSync APIs.\n\n- Watch more Chrome talks at I/O 2016 here: \u003chttps://goo.gl/JoMLpB\u003e\n- See all the talks from Google I/O 2016 here: \u003chttps://goo.gl/olw6kV\u003e\n- Subscribe to the Chrome Developers channel at \u003chttps://goo.gl/LLLNvf\u003e\n\n`#io16` `#GoogleIO` `#GoogleIO2016`"]]