当前位置:首页 > 技术 > 正文内容

WebView页面快速加载优化实践

访客 技术 2026年6月16日 1

通过对WebView页面加载性能的深入优化,我们成功将加载时间从10多秒提升至3-4秒。项目中采用了X5WebView(腾讯开发的WebView组件),并结合内存缓存策略实现了性能突破。

优化方案的核心是将最多6个WebView页面缓存至内存中,并将负责加载WebView的H5Activity设置为常驻不关闭状态。

第一步:设置Activity的启动模式

        <activity
            android:name=".h5.H5Activity"
            android:launchMode="singleInstance" 
            android:exported="false"
            android:screenOrientation="landscape"
            android:windowSoftInputMode="adjustPan">
            <meta-data
                android:name="android.app.lib_name"
                android:value="" />
        </activity>

android:launchMode="singleInstance" 设置说明:

  1. 系统中仅保留该Activity的一个实例
  2. 该实例独占一个任务栈
  3. 从任意地方启动该Activity都会复用这个唯一实例
  4. 适用于需要全局单例显示的界面,如闹钟、来电界面等

这样配置后,负责加载WebView的Activity将无需重复创建,有效提升性能。

第二步:避免不必要的销毁操作

finish()操作替换为moveTaskToBack(true)以保持Activity状态。

第三步:实现WebView页面缓存

    // WebView缓存实现
    private val webViewCache = object : LinkedHashMap<String, WebViewCacheBean>(6, 0.75f, true) {
        override fun removeEldestEntry(eldest: MutableMap.MutableEntry<String, WebViewCacheBean>?): Boolean {
            // 内存不足或缓存数量超限时触发清理
            val isLowMemory = HeapMemoryUtil.getRemainingHeapMemoryMB() < 80L
            val isOverMaxCount = size > 6
            if (isLowMemory || isOverMaxCount) {
                // 回收最久未使用的WebView资源
                eldest?.value?.let { oldWebView ->
                    recycleWebView(oldWebView)
                }
                return true
            }
            return false
        }
    }

系统会根据当前内存状态和缓存数量自动回收最久未使用的WebView资源,确保内存使用效率。每次页面加载时,系统会优先查找缓存中的WebView实例。

内存监控实现:

    // 获取剩余的可申请堆内存大小   
    fun getRemainingHeapMemoryMB(): Long {
        try {
            val runtime = Runtime.getRuntime()
            val maxHeapBytes = runtime.maxMemory()
            val usedHeapBytes = runtime.totalMemory() - runtime.freeMemory()
            val remainingHeapBytes = maxHeapBytes - usedHeapBytes
            return remainingHeapBytes / (1024 * 1024)
        } catch (e: Exception) {
            e.printStackTrace()
            return -1
        }
    }

相关文章

Linux crontab 详解

1) crontab 是什么cron 是 Linux 的定时任务守护进程;crontab 是用来编辑/查看“按时间周期执行命令”的表(cron table)。常见两类:用户 crontab:每个用户一份(crontab -e 编辑)系统级 crontab / cron.d:可指定执行用户(/etc/crontab、/etc/cron.d/*)2) crontab 时间...

富文本里可以允许的 HTML 属性

一、所有标签默认允许的安全属性(极少)class        (可选)id           (通常建议禁用)title️ 注意:id 容易被滥用做锚点注入,很多系统直接禁用class 允许的话最好只允许固定前缀(如 editor-*)二、a 标签允许属性<a href="" t...

Mac 安装 Node.js 指南

方法一:通过官网安装包(最简单,适合初学者)如果你只是想快速安装并开始使用,这是最直接的方法。访问 Node.js 官网。页面会显示两个版本:LTS (Recommended For Most Users):长期支持版,最稳定。建议选这个。Current:最新特性版,包含最新功能但可能不够稳定。下载 .pkg 安装包并运行。按照安装向导点击“下一步”即可完成。方法二:使用 Homebrew 安装(...

Dom\HTML_NO_DEFAULT_NS 的副作用:自动加闭合标签

在使用Dom\HTMLDocument时,Dom\HTML_NO_DEFAULT_NS 将禁止在解析过程中设置元素的命名空间, 此设置是为了与DOMDocument向后兼容而存在的。当使用它时,已知的一个副作用就是:自动加闭合标签例如 </img> 为什么会这样?当你使用:Dom\HTML_NO_DEFAULT_NS文档会变成 无命名空间模式,此时内部更接近 XML...

Laravel 事件和监听器创建

在 Laravel 中,使用 Artisan 命令创建 Events(事件) 和 Listeners(监听器) 是非常高效的。你可以通过以下几种方式来实现:1. 手动创建单个 Event如果你只想创建一个事件类,可以使用 make:event 命令:Bashphp artisan make:event UserRegistered执行后,文件将生成在 app/Even...

自定义域名解析神器 dnsmasq

什么是 dnsmasq?dnsmasq 是一个轻量级、功能强大的网络服务工具,专为小型和中等规模网络设计。它是一个综合的网络基础设施解决方案[1]。dnsmasq 能做什么?功能说明应用场景DNS 转发与缓存将 DNS 查询转发到上游服务器(ISP、Google DNS 等),并在本地缓存结果加快 DNS 查询速度,减少外部 DNS 流量本地 DNS解析本地网络设备的主机名,无需编辑&n...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。