Flutter Web 测试站点: https://neverouo.xyz/#/
目前优化测试后,首次加载时间可以明显缩小到10秒到30秒之间,由具体网速决定。具体内容如下:
我使用的是下面这个打包语句:
flutter build web --pwa-strategy none --web-renderer canvaskit --release --dart-define=FLUTTER_WEB_CANVASKIT_URL=https://neverouo.xyz/canvaskit/
其中:
--pwa-strategy none : 关闭PWA,国内对于这个特性使用的不多,会拖慢加载速度
--dart-define=FLUTTER_WEB_CANVASKIT_URL=https://neverouo.xyz/canvaskit/
上面这个是修改canvaskit.js和canvaskit.wasm首次下载的地址,之前用的是https://cdn.jsdelivr.net/npm/canvaskit-wasm@0.30.0/bin/,测试下载速度有时快有时慢,最慢的时候只有几KB,我就直接替换到了我自己的服务器上,你们需要也可以用我的配置。大小合集应该为 7MB左右。
字体库问题:
1:为了解决首次加载缺失字体造成方块字的问题,请必须自己设置一种字体使用。参考如下图:
尽量控制中文字体库大小在1M左右,可以通过使用常用3500优化等操作来减小字体库的大小。
目前优化后的效果参考如下图: