Improving Performance with IndexedDB and Caching
1h 19mAdvanced2020-10-07
Authors

Mike Oram
Academy Lead at Mayden Academy
Course details
As developers strive to create web applications that work efficiently and can tolerate unreliable network connections, caching and local storage approaches become increasingly critical. In many cases, leveraging the IndexedDB API and key caching strategies can offer huge software performance boosts. In this course, instructor Mike Oram delves into what caching and the IndexedDB API are, as well as how to work with them to boost your application's performance. Learn about the pros and cons of different caching strategies, how to implement caching in your application, and how to assess the subsequent performance gains. Plus, review techniques for storing, retrieving, and updating data with IndexedDB, including different strategies for storing dynamic data on the client side.
Skills covered
JavaScriptDatabase DevelopmentOracleDatabase ManagementSoftware DevelopmentOne-Off
Concepts
0. Introduction
- 01 - Optimize access for your applications
- 02 - What you should know
1. Front-End Performance Tools
- 03 - Profiling
- 04 - Dev tools
2. Caching
- 05 - What is caching
- 06 - Service workers
- 07 - Caching strategies
- 08 - Setting up your cache
- 09 - Caching static files
- 10 - Retrieving files from the cache
- 11 - Cache invalidation
- 12 - Challenge - Cache third-party files
- 13 - Solution - Cache third-party files
- 14 - Profiling
- 15 - Caching data
3. IndexedDB
- 16 - What is IndexedDB
- 17 - Data storage strategies
- 18 - Introduction to IndexedDB
- 19 - IndexedDB libraries
- 20 - Creating a database in IndexedDB
- 21 - Storing data in IndexedDB
- 22 - Retrieving and updating data
- 23 - Storing data from UI JavaScript
- 24 - Storing data from a service worker
- 25 - Retrieving stored data
- 26 - Challenge - Keep your data up to date
- 27 - Solution - Keep your data up to date
- 28 - Profiling
- 29 - Replacing your back end
Conclusion
- 30 - Next steps for optimization