Flutter web 首次加载很慢的原因

flutter build web 的参数,有两种渲染引擎可选择,但是在浏览器首次运行时,加载很慢。有时长达10s左右。

auto(默认)-自动选择要使用的渲染器。当应用程序在移动浏览器中运行时,此选项选择HTML渲染器,当应用程序在桌面浏览器中运行时,请选择CanvasKit渲染器。

html-始终使用HTML渲染器

canvaskit-始终使用CanvasKit渲染器

1: flutter build web –web-renderer html

HTML渲染器 特点 使用HTML元素、CSS、Canvas元素和SVG元素的组合。此渲染器的下载大小较小。

个人意见:如果网站的静态页面比较多,比如类似于关于我们这种页面,推荐使用此打包方式。

2:flutter build web –web-renderer canvaskit

CanvasKit渲染器 特点 此渲染器与Flutter移动和桌面完全一致,性能更快,小部件密度更高,但下载大小增加了约2MB。

个人意见:如果网站的页面存在大量的渲染交互,酷炫的动画,一个动态的页面推荐此打包方式。

官网文档

https://docs.flutter.dev/development/platform-integration/web/renderers

问题跟踪:

https://github.com/flutter/flutter/issues/76009

4 条评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注