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优化等操作来减小字体库的大小。

目前优化后的效果参考如下图: