Flutter Web و PWA: آنچه در عمل باید بدانید

وعده‌ی Flutter Web وسوسه‌انگیز است: همان کد، خروجی وب. در عمل چند نکته هست که پیش از تعهد به آن باید بدانید.

حجم بسته‌ی اولیه

بارگذاری اول سنگین است. راه‌حل‌هایی که برای ما جواب داد: فعال‌کردن tree-shaking آیکون‌ها، حذف فونت‌های استفاده‌نشده، و نمایش یک اسپلش سبک HTML تا وقتی موتور بالا بیاید.

مسیریابی و دکمه‌ی بازگشت مرورگر

کاربر وب انتظار دارد دکمه‌ی back کار کند و URL معنا داشته باشد. مسیریابی را از ابتدا declarative بچینید؛ اضافه‌کردنش بعداً یعنی بازنویسی ناوبری.

SEO را واقع‌بینانه ببینید

Flutter Web برای اپ‌های پشت لاگین عالی است. برای محتوایی که باید در گوگل ایندکس شود، انتخاب درستی نیست. برای همین این سایت رزومه با رندر سمت سرور ساخته شده، نه Flutter.

PWA چه چیزی اضافه کرد

قابلیت نصب روی صفحه‌ی اصلی و کارکرد پایه بدون اینترنت. برای کاربرانی که نمی‌خواستند اپ نصب کنند، این مسیر ورود کم‌اصطکاکی بود.