z***@163.com
z***@163.com
  • 发布:2023-11-14 14:38
  • 更新:2023-11-14 15:54
  • 阅读:410

uni.loadFontFace 动态加载字体,严重阻塞页面渲染

分类:uni-app

我在App.vue的代码如下:
onLaunch: function() {
uni.loadFontFace({
global: true,
family: 'myfont',
source: 'url("https://xxx.ttf")',
scopes: ["webview", "native"],
success: () => {
store.commit('SET_FONTFAMILY', true)
console.log('loadFontFace Remote AlimamaDaoLiTi.ttf success')
},
fail(error) {
console.warn('loadFontFace Remote AlimamaDaoLiTi.ttf fail', error.errMsg)
}
})
}
严重影响了首页图片的渲染,动态字体大约4.3M
动态字体下载大约要12s左右,再没有下载完之前,严重阻塞的首页的图片下载(首页的图片一直处于pedding状态),只有动态字体下载完了,图片才开始下载
这个问题如何优化?????

2023-11-14 14:38 负责人:无 分享
已邀请:
DCloud_heavensoft

DCloud_heavensoft

字体放在本地呗

要回复问题请先登录注册