flutter_web_optimizer

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Leistungs-Optimierungspaket für Flutter Web, das langsame Seitenladezeiten und Browser-Caching-Probleme behebt. Es beschleunigt Web-Apps durch Optimierung der Ressourcenlieferung, Verwaltung von Cache-Strategien und Verbesserung der Ladezeiten beim Start. Speziell für Flutter-Entwickler konzipiert, die sich auf Web-Plattformen fokussieren, integriert es sich nahtlos in bestehende Projekte über einen einfachen pub add-Befehl. Das Werkzeug sorgt dafür, dass Benutzererfahrungen schneller sind und Ressourcen effizienter genutzt werden – unabhängig von Gerät oder Netzwerk.

Anwendungsfälle

Verbesserung der Zeit für die erste Inhaltszeichnung
Verkleinern der Bundle-Größe für schnellere Ladezeiten
Verwalten des Browser-Cache für aktualisierte Assets
Optimierung der Bereitstellung statischer Assets
Verbesserung der Leistung von Webanwendungen bei niedrigen Bandbreitenverbindungen

Hauptmerkmale

Automatische Asset-Optimierung
Cache-Busting für aktualisierte Ressourcen
Leichte Integration mit Flutter Web
Unterstützt inkrementelle Builds
Echtzeit-Leistungsfeedback

Geeignet für

Flutter-Web-Entwickler, die nach Leistungsverbesserungen suchen
Projekte mit schnellen Ladezeiten
Apps, die mit häufigen Updates in die Produktion bereitgestellt werden
Teams, die sich auf Benutzererfahrung und Retention konzentrieren
Entwickler beheben langsame Web-Leistung

Hinweise

Erfordert Flutter 3.0 oder höher
Für komplexe Build-Einstellungen kann eine Konfiguration erforderlich sein
Nicht anwendbar auf nicht-Web-Flutter-Ziele
Leistungssteigerungen hängen von der Projektstruktur ab
Beschränkte Dokumentation außerhalb der grundlegenden Einrichtung

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

中文文档

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

Pakete, Repositories und App-Kategorien suchen

Paket installieren