鸿蒙Web场景性能优化
type
status
date
slug
summary
tags
category
icon
password
Web页面加载流程
优化方法 | 效果 | 代价 | 适用场景 |
预解析 | 消除域名解析 | 额外的域名解析 | 中高概率被使用的Web页面 |
预连接 | 消除域名解析、网络连接耗时 | 额外的网络连接资源 | 中高概率被使用的Web页面 |
预下载 | 消除网络GET请求下载带来的耗时及阻塞DOM解析、JavaScript执行的耗时 | 额外的网络连接、下载、存储资源 | 高概率被使用的Web页面 |
预渲染 | 能实现页面“秒开”效果,将页面加载时延降到最低 | 额外的网络连接、下载、存储和渲染消耗 | 超高概率被使用的Web页面 |
预取POST | 消除网络POST请求下载带来的耗时及阻塞DOM解析、JavaScript执行的耗时 | 额外的网络连接、下载、存储资源 | 高概率被使用的Web页面 |
预编译JavaScript生成字节码缓存 | 消除JavaScript编译的耗时 | 额外的存储资源 | 加载HTTP/HTTPS协议JavaScript的Web页面,在第一及第二次优化加载性能 |
支持自定义协议生成字节码缓存 | 消除JavaScript编译的耗时 | 额外的存储资源 | 加载自定义协议JavaScript的Web页面,在第三次及之后的时机优化加载性能 |
离线资源免拦截注入 | 消除资源加载到内存的耗时 | 额外的存储资源 | 高概率被使用的资源 |
资源拦截替换加速 | 节省了转换时间,同时对ArrayBuffer格式的数据传输方式进行了优化 | - | ArrayBuffer格式的数据传输 |
Last update: 2021-07-02
type
status
date
slug
summary
tags
category
icon
password
🎉 欢迎来到我的小站!
📚 这里主要分享记录开发技术和AI知识👀
❤️ 若您认可我的内容,欢迎请我喝杯咖啡~