#فوری
#آموزشی
📍
فیکس مشکل پرفورمنس پایین در فلاتر وب 🔥
برای رندر کردن وبسایت، فلاتر از دو رندر کننده html و canvaskit استفاده میکنه
فرقش رندر کننده ها چیه؟رندر کننده canvaskit حجم 1.5MB به سایت شما اضافه میکنه اما مشکل پرفورمنس و باگ خوردن ویجت ها حل میشه
به طور پیش فرض برای دسکتاپ از canvaskit و برای موبایل از html استفاده میشه
اگر فقط روی دسکتاپ مشکل پرفورمنس دارید مشکل از پیاده سازی سایت یا ضعف خود فلاتر میتونه باشه(به شخصه تا حالا مشکل پرفرمنس نخوردم)
اگر روی موبایل ویجت ها به درستی نمایش داده نمیشن یا پرفورمنس پایینه به علت
رندر html است
راهکار موقت چیست؟برای ران کردن یا بیلد گرفتن باید از آپشن
--web-renderer
استفاده بشه
flutter run -d chrome --web-renderer canvaskit
flutter build web --web-renderer canvaskit
راهکار دائمی چیست؟توی فایل های پروژه پوشه web>index.html
برید پایینه پایین و این بخش رو
onEntrypointLoaded: function(engineInitializer) { engineInitializer.initializeEngine().then(function(appRunner) {
appRunner.runApp(); });
}
به این شکل باید تغییر بدید
onEntrypointLoaded: function(engineInitializer) {
let config = {
renderer: "canvaskit",
};
engineInitializer.initializeEngine(config).then(function(appRunner) {
appRunner.runApp();
});}
امیدوارم لذت ببرید ⚡🔥
👤 مدرس :
@IsemicolonIسوالی داشتید میتونید ازشون بپرسید💎
@FlutterSource | فلاتر سورس