flutter_web_optimizer

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

一個針對Flutter web的效能優化套件，解決頁面載入緩慢與瀏覽器快取問題。透過優化資源傳遞、管理快取策略以及改善初始載入時間來提升web應用速度。專為針對web平台的Flutter開發者設計，可透過簡單的pub add指令順暢整合至現有專案。此工具有助於確保跨裝置與網路環境下實現更快的使用者體驗與更好的資源運用。

適用情境

改進首次內容繪製時間
減小封裝包大小以加快載入速度
管理瀏覽器快取以更新資源
優化靜態資源交付
提升低帶寬連接下的網頁應用效能

主要特色

自動資產優化
更新資源的快取清除
與 Flutter Web 的輕量級整合
支援增量建構
即時性能反饋

適合對象

尋求效能提升的Flutter Web開發者
需要快速加載時間的專案
頻繁更新部署到生產環境的應用
專注於使用者體驗和留存的團隊
開發者排解網頁效能緩慢問題

使用建議

需要 Flutter 3.0 或更高版本
複雜的建構設定可能需要設定
不適用於非 Web Flutter 目標
效能提升取決於專案結構
除了基本設定之外，文件內容有限

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

中文文档

Intro

A optimization tools for flutter web，solved web page loading slow and browser cache problem.

Importantance

how to configure index.html, please refer to the following

Features

demo

split large file and cdn resource file，optimize web page loading slow.
hashed resource file，solve browser cache problem.

Getting started

dev_dependencies:
  flutter_web_optimizer: ^1.5.1

Usage

navigate to the root directory of the project，execute plugin and optimize command

plugin command

the plugin command support auto generate plugin template files，then upload resources files to file servers，such as such as Tencent COS and Alibaba OSS

flutter pub run flutter_web_optimizer plugin --path scripts/test_plugin.dart

path parameter required，refers to plugin file path.

optimize command

optimize command support split large file、hashing resource file and cdn resource file.

flutter pub run flutter_web_optimizer optimize --asset-base http://192.168.101.93:9091/app/ --plugin scripts/test_plugin.dart

flutter pub run flutter_web_optimizer optimize --asset-base http://192.168.101.93:9091/app/ --plugin flutter_web_cos_upload_plugin

asset-base parameter required，refers to file server internet address，it's must end with '/'
web-output parameter not required，refers to flutter web build generated artifact path, default as build/web.
plugin parameter not required，if needs upload resource file to file server，it's must be required. it support file mode and plugin mode
- file mode: it's refers to plugin file path. cos_upload_plugin.dart provide a example upload resource file to tencent cos.
- plugin mode: it's refers to plugin name. check flutter_web_cos_upload_plugin for how to use it
--enable-pwaparameter not required，refers to PWA service worker，default to true
--hash-filter-regexpparameter not required，support filtering file when hash file
--enable-vconsole parameter not required，refers to enable tencent vconsole tools, default to false

搜尋套件、儲存庫與 APP 分類

安裝套件