我目前正在为一个客户端创建一个flutter web应用程序，然而，当第一次在浏览器中导航到网站时，页面加载到一个空白屏幕，几秒钟后显示实际的主页部件。页面缓存后，在随后的重新加载中似乎更快。我是否可以更改我的flutter web应用程序以减少初始加载时间？我知道flutter web仍处于测试阶段，所以可能只是-当flutter web准备好部署时，这个问题会得到解决吗？任何帮助都很感激。
42fyovps1#
在运行某些视图之前，特别是第一次构建Web应用程序时，需要花费一些时间来加载所有内容。在这种情况下，最好的办法是添加一个加载屏幕/小部件。你应该看看Juan Curti的this article。
jckbn6z72#
我想A找到了解决方案，如果有效的话告诉我！基本上你需要在索引文件的<head>...</head>标签中添加两行，以便从头开始加载CanvasKit二进制文件。
<head>...</head>
<script src="https://unpkg.com/canvaskit-wasm@0.33.0/bin/canvaskit.js"></script> <link rel="preload" href="https://unpkg.com/canvaskit-wasm@0.33.0/bin/canvaskit.wasm" as="fetch" crossOrigin="anonymous">
小心你使用上面的网址，上面的链接有更好的解释！希望它至少对你的初始加载时间有一点帮助！
falq053o3#
考虑使用ditman的解决方案在https://github.com/flutter/flutter/issues/76009#issuecomment-1095663169他把他的解决方案的例子https://dit-tests.web.app
3条答案
按热度按时间42fyovps1#
在运行某些视图之前，特别是第一次构建Web应用程序时，需要花费一些时间来加载所有内容。在这种情况下，最好的办法是添加一个加载屏幕/小部件。
你应该看看Juan Curti的this article。
jckbn6z72#
我想A找到了解决方案，如果有效的话告诉我！
基本上你需要在索引文件的
<head>...</head>标签中添加两行，以便从头开始加载CanvasKit二进制文件。小心你使用上面的网址，上面的链接有更好的解释！希望它至少对你的初始加载时间有一点帮助！
falq053o3#
考虑使用ditman的解决方案在
https://github.com/flutter/flutter/issues/76009#issuecomment-1095663169
他把他的解决方案的例子
https://dit-tests.web.app