Flutter web 网站最初需要很长时间加载

问题描述 投票:0回答:4

我目前正在为客户创建一个 flutter web 应用程序,但是,当网站第一次在浏览器中导航时,页面加载到空白屏幕,几秒钟后显示实际的主页小部件。页面缓存后,后续重新加载似乎更快。

我可以更改我的 flutter web 应用程序以减少初始加载时间吗?我知道 flutter web 仍处于测试阶段,所以可能只是——当 flutter web 准备好部署时,这个问题会得到解决吗?

任何帮助表示赞赏。

flutter web flutter-web
4个回答
9
投票

在运行某些视图之前,尤其是第一次构建 Web 应用程序时,需要一些时间来加载所有内容。在这种情况下最好的办法是添加一个加载屏幕/小部件。

你应该看看这篇文章 Juan Curti.


2
投票

我认为找到了解决方案,如果可行,请告诉我!

我把它贴在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">

注意上面的网址,上面的链接有更好的解释!希望它至少对您的初始加载时间有所帮助!


1
投票

考虑使用 ditman 的解决方案

https://github.com/flutter/flutter/issues/76009#issuecomment-1095663169

他举了一个他的解决方案的例子

https://dit-tests.web.app


0
投票

最近,我看到了这个视频,其中包含有关加速 Flutter Web 项目的各种策略。

看起来很有趣!

© www.soinside.com 2019 - 2024. All rights reserved.