This week I studied Progressive Web Applications (PWAs). Notably, I learned how to optimize a site's performance on mobile devices by turning this web application designed for a food festival into a PWA.
- How to identify performance issues in web applications
- How to measure and quantify performance in web applications
- Lighthouse audits and what they measure
- Optimizing CSS, JavaScript, and media assets for performance
- Setting up and using webpack
- Using service workers to cache assets for offline functionality
- How to convert an existing web application to a PWA
Visit the optimized site: Food Festival
- HTML/CSS
- JavaScript
- Google Lighthouse
- webpack
- webpack-cli