功能概述
H5 加载时,需要在服务端拉取面板所需要的所有数据,导致加载速度较慢。为了解决这个问题,我们推出了极速模式,其原理是加载时服务端不去拉取数据,而是由 H5 打开后由小程序客户端将本地的数据通过我们特有的链路推送到 H5,可以大大加速加载时间,但是也由于从原本的直出时同步准备好所有数据改成了页面渲染后异步加载数据,所以渲染时依赖直出数据的面板需要做一定的适配才能够正常使用。
适配方法
仅需要渲染页面之前先等待一个 sdkReady 的 Promise 即可,具体实现可参考以下 React 实现的示例:
function Page() {const [sdkReady, setSdkReady] = useState(false);useEffect(() = > {h5PanelSdk.sdkReady().then(() = > setSdkReady(true));}, []);return !sdkReady ? <div > loading...</div > : (<div >{* 正常渲染您的页面 *}</div >);}
开启说明
由于极速模式是针对产品级生效,存量产品请务必全量发布适配版本后,再开启极速模式,否则可能会影响到老版本用户的正常使用。