前端性能和加载体验优化实践 (附: PWA、离线包、内存优化、预渲染)
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
标签： Service Worker
PWA 应用: 最佳实践 (基于 Google Workbox)
PWA 通过 Web App Manifest、Service Worker 和 Web Push 提升网页应用的速度与稳定性，实现离线访问、缓存加速和添加到桌面等能力。多家平台已实践相关技术，常用方案包括使用 Workbox 或自研 Service Worker，并结合 manifest.json 和浏览器配置实现更完整的体验。