Google-Workbox

[EN] Workbox v6 (CLI + "workbox-config.js") Practical Guide

2026年5月3日2026年5月4日除除

Target audience: projects using Workbox v6.x with workbox-cli and a `workbox-config.js` build file. This guide avoids v7-only wording and focuses on v6-compatible usage and patterns.

JavaScript

[ZH] Workbox v6 (CLI + `workbox-config.js`) 实用指南

2026年5月3日2026年5月4日除除

本文介绍 Workbox v6 在 CLI 环境中的使用方法，涵盖 generateSW 与 injectManifest 两种模式，说明缓存策略、运行时缓存与预缓存机制，以及 skipWaiting 和 clientsClaim 的更新行为，并提供配置示例与生产实践建议。

前端性能和加载体验优化实践 (附: PWA、离线包、内存优化、预渲染)

2021年12月28日2026年7月26日除除

探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。