Improving Performance with IndexedDB and Caching

Want to create a more seamless user experience and make your web applications easier to access? Delve into using caching and the IndexedDB API to boost an app's performance.

Introduction

• Optimize access for your applications
• What you should know

1. Front-End Performance Tools

• Profiling
• Dev tools

2. Caching

• What is caching?
• Service workers
• Caching strategies
• Setting up your cache
• Caching static files
• Retrieving files from the cache
• Cache invalidation
• Challenge: Cache third-party files
• Solution: Cache third-party files
• Profiling
• Caching data

3. IndexedDB

• What is IndexedDB?
• Data storage strategies
• Introduction to IndexedDB
• IndexedDB libraries
• Creating a database in IndexedDB
• Storing data in IndexedDB
• Retrieving and updating data
• Storing data from UI JavaScript
• Storing data from a service worker
• Retrieving stored data
• Challenge: Keep your data up to date
• Solution: Keep your data up to date
• Profiling
• Replacing your back end

Conclusion

• Next steps for optimization