我目前正在为客户创建一个 flutter web 应用程序,但是,当网站第一次在浏览器中导航时,页面加载到空白屏幕,几秒钟后显示实际的主页小部件。页面缓存后,后续重新加载似乎更快。
我可以更改我的 flutter web 应用程序以减少初始加载时间吗?我知道 flutter web 仍处于测试阶段,所以可能只是——当 flutter web 准备好部署时,这个问题会得到解决吗?
任何帮助表示赞赏。
在运行某些视图之前,尤其是第一次构建 Web 应用程序时,需要一些时间来加载所有内容。在这种情况下最好的办法是添加一个加载屏幕/小部件。
你应该看看这篇文章 Juan Curti.
我认为找到了解决方案,如果可行,请告诉我!
我把它贴在here...基本上你需要在你的索引文件的
<head>...</head>
标签中添加两行来从头开始加载CanvasKit二进制文件。
<script src="https://unpkg.com/[email protected]/bin/canvaskit.js"></script>
<link rel="preload" href="https://unpkg.com/[email protected]/bin/canvaskit.wasm" as="fetch" crossOrigin="anonymous">
注意上面的网址,上面的链接有更好的解释!希望它至少对您的初始加载时间有所帮助!
考虑使用 ditman 的解决方案
https://github.com/flutter/flutter/issues/76009#issuecomment-1095663169
他举了一个他的解决方案的例子