前言 本文是基于项目优化接入Service Worker（后续简写为sw）工具来讲述workbox-webpack-plugin插件的接入使用，对于Service Worker的基础内容不会详细讲解，

这篇文章主要探讨的是如何让 PWA 优雅合理的注册一个 Service Worker，从而让站点拥有 Service Worker 所提供的能力，如果看到标题的第一想法是 “Service Worker 注册一个这么简单的话题有啥可讲的”，看到后面可以发现还是有一些坑的

workbox 是 GoogleChrome 团队推出的一套 Web App 静态资源本地存储的解决方案，该解决方案包含一些 Js 库和构建工具，在 Chrome Submit 2017 上首次隆重面世。而在 workbox 背后则是 Service Worker 和 Cach…

天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 MVVM 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大…

Now交友运营活动此前主要注重提升开发效率，在性能优化这块有所欠缺。近期在Now交友的常规活动项目中尝试接入了PWA-PLUS方案和Aegis测速方案，并在Now交友周年庆个人赛活动中上线验证，本文整理了接入效果对比和数据分析，并总结接入心得和问题，供大家参考。 因为PWA接入…

本文是《PWA学习与实践》系列的第十篇文章。也许你还没有听说过或不了解Resource Hint，但是通过本文，你会快速学习到这一件页面加载性能利器。本系列相关demo的代码都可以在github repo中找到。 PWA作为时下最火热的技术概念之一，对提升Web应用的安全、性能…

留白时间过长。移动端网络非常不稳定，经常会出现弱网环境（如：电梯，地铁，大山里面），这样会导致资源加载速度非常慢，留白时间相对原生会慢很多。 无法离线访问。因为资源都在线上服务器,每次访问H5的页面强烈依赖网络，原生因为资源都在应用包里面,就算断网也会给一个相对友好的展示界面和…

用户需求。我们的用户有许多电脑小白，不想记网址，又不会使用浏览器的收藏功能。以前使用的同类软件都有桌面版，有一种觉得桌面版比网页版可靠，使用简单的错觉，曾多次在钉钉售后群里反映，如何将网页保存至桌面，方便他下次直接在桌面打开 workbox-webpack-plugin里提供了…

文章2017 前端大事件和趋势回顾，2018 何去何从？中提到了2017年前端值得关注的十大事件，其中就提到了PWA。 大家都知道Native app体验确实很好，下载到手机上之后入口也方便。它也有一些缺点: 而web网页开发成本低，网站更新时上传最新的资源到服务器即可，用手机…