Package detailsv1.5.1

flutter_web_optimizer

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

AndroidiOSmacOSWindowsLinux

pub.dev API documentation Source code

30-day downloads: 763
Likes: 57
Pub points: 150

Install package

flutter pub add flutter_web_optimizer

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A performance optimization package for Flutter web that addresses slow page loading and browser caching issues. It enhances web app speed by optimizing asset delivery, managing cache strategies, and improving initial load times. Designed specifically for Flutter developers targeting web platforms, it integrates seamlessly with existing projects via a simple pub add command. The tool helps ensure faster user experiences and better resource utilization across devices and networks.

Use cases

Improving first-contentful paint time
Reducing bundle size for faster loading
Managing browser cache for updated assets
Optimizing static asset delivery
Enhancing web app performance on low-bandwidth connections

Key features

Automatic asset optimization
Cache busting for updated resources
Lightweight integration with Flutter web
Supports incremental builds
Real-time performance feedback

Suitable for

Flutter web developers seeking performance improvements
Projects requiring fast loading times
Apps deployed to production with frequent updates
Teams focused on user experience and retention
Developers troubleshooting slow web performance

Considerations

Requires Flutter 3.0 or higher
May need configuration for complex build setups
Not applicable to non-web Flutter targets
Performance gains depend on project structure
Limited documentation beyond basic setup

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

中文文档

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

Dependencies

Dependency list 6 items

args^2.4.2
crypto^3.0.3
html^0.15.4
package_config^2.1.0
path^1.9.0
standard_message_codec^0.0.1+4

Source repository

TryImpossible/flutter_web_optimizer