1.背景 用户体验 网页的开启速度是用户最直观的体验之一。但网页相对于原生的启动相应速度还是略有差距，所以需要我们开发者继续努力，给到用户更好的体验。 理解问题的本质才能更好的处理问题。所以需要分析W

近期公司楼下实体店的网络及其不稳定，经常有用户反馈App里的网页打开特别慢，进度条一直加载不完，体验很差，于是就有了webview缓存的需求，项目里使用的是WKWebView，而且苹果早就不提倡使用UIWebView了，这里也不做赘述了。 我们需要注意一下 NSURLReque…

今天，我将针对 Android Webview 的加载速度慢 & 消耗流量，提出一些有效解决方案。 1. Android WebView 存在什么性能问题？ Android WebView 里 H5

Hybrid作为古老的跨端解决方案，在很多业务中依旧有很强的生命力。在iOS13这样的大背景下，WKWebview已经成为我们Hybrid方案中官方指定Webview组件； 从UIWebview切换到WKWebview，遇到一些WKWebview上一些坑，下面简记之。 Mac端…

众所周知，WKWebView是一个独立进程，对于开发者来说，WKWebView相当于一个黑盒。那么当开发者需要监控/接管WKWebView网络请求时，我们是否有方法可循呢？如果你也有这样的疑问，那请听

最近公司项目中需要做秒开 h5 页面的优化需求，于是调研了下市面上的方案，并结合本公司具体的业务需求做了一次这方面的优化实践，这篇文章是对这次优化实践的记录，文末附上源代码下载。 由于在 dom 渲染前的用户看到的页面都是白屏，优化思路具体也是去分析在 dom 渲染前每个步骤的…

web离线技术顾名思义就是将H5/CSS/JS和资源文件打包提前下发到App中，这样App在加载网页的时候实际上加载的是本地的文件，减少网络请求来提高网页的渲染速度，并实现动态更新效果。 就目前情况来看，离线包的方案也是层出不穷的，本篇将列举市面最常见的四种离线方案，进行探讨分…

好了，在运行一下，如果成下面这样，恭喜你，准备工作完成了。 在上面的加载视图中，可以看到，图片未加载出来，而且点击按钮也是没有任何响应的. 在HTML中，定义了 img.src 和 js.src 为 URL Scheme 关于URL Scheme我就不详细的去说了，不懂的话可以…

WebView 在移动端的应用场景随处可见，在云音乐里也作为许多核心业务的入口。为了满足云音乐日益复杂的业务场景，我们一直在持续不断的优化 WebView 的性能。其中可以短时间内提升 WebView 加载速度的技术之一就是离线包技术。该技术能够节省网络加载耗时，对于体积较大的…