首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
sw
订阅
路过跑堂
更多收藏集
微信扫码分享
微信
新浪微博
QQ
13篇文章 · 0订阅
玩转Service Worker生命周期
Service Worker 是浏览器在后台独立于网页运行的脚本,它打开了通向不需要网页或用户交互的功能的大门。 现在,它们已包括如推送通知和后台同步等功能。 将来,Service Worker 将会支持如定期同步或地理围栏等其他功能。 它是一种 JavaScript Work…
ServiceWorker 优化项目缓存命中率
前言 本文是基于项目优化接入Service Worker(后续简写为sw)工具来讲述workbox-webpack-plugin插件的接入使用,对于Service Worker的基础内容不会详细讲解,
Service Worker
随着前端快速发展,应用的性能已经变得至关重要,关于这一点大佬做了很多统计。你可以去看看。 如何降低一个页面的网络请求成本从而缩短页面加载资源的时间并降低用户可感知的延时是非常重要的一部分。对于提升应用的加载速度常用的手段有Http Cache、异步加载、304缓存、文件压缩、C…
使用 ServiceWorker 缓存来优化体验
本文不会花大篇幅讲解 ServiceWorker 的基础内容以及 ServiceWorker Api。本文主要描述 ServiceWorker 在缓存上的使用场景。
ServiceWorker 缓存与 HTTP 缓存
虽然 ServiceWorker 和 PWA 正在成为现代 Web 应用程序的标准,但浏览器资源缓存变得比以往任何时候都复杂。 本文涵盖了浏览器缓存的重点内容。
[英] Tinder 团队 PWA 性能优化实践
一个很完整的实现及优化的过程
PWA-PLUS: “可能是目前最全面的基于sw缓存的性能优化方案”
写这篇文章,是想分享下团队目前基于 service worker 缓存所做的性能优化工作,我们的方案覆盖了包括 html 缓存的直出和非直出场景,欢迎拍砖交流 👏
Workbox5+Webpack4构建离线应用
将应用中的静态资源缓存是目前最主流的性能优化方法,甚至能让应用秒开!目前常见的缓存方式有http缓存、memory cache、disk cahce、localstorage、Service worker缓存等方式,本文介绍的Workbox就是实现Service worker离…
「PWA」Workbox-Window v4.x 中文版
Workbox 目前发了一个大版本,从 v3.x 到了 v4.x,变化有挺大的,下面是在 window 环境下的模块。 workbox-window 包是一组模块,用于在 window 上下文中运行,也就是说,在你的网页内部运行。 它们是 servicewoker 中运行的其他…
React如何通过Webpack优雅的接入serviceWorker的成熟方案workBox && Google Analytics
为了提高React应用的启动速度、离线访问能力, 做到页面能离线启动、service worker能在后台默默更新本地缓存的页面、数据的版本,并且做到监控版本更新能力的靠谱性。 终极方案:采用serviceWorker的成熟方案workBox通过Webpack的workbox官…