flutter_web_optimizer

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um pacote de otimização de desempenho para Flutter Web que resolve problemas de carregamento lento de páginas e de armazenamento em cache do navegador. Melhora a velocidade dos aplicativos web ao otimizar a entrega de recursos, gerenciar estratégias de cache e melhorar os tempos de carregamento inicial. Projetado especificamente para desenvolvedores Flutter voltados para plataformas web, integra-se perfeitamente a projetos existentes por meio de um simples comando pub add. A ferramenta ajuda a garantir experiências mais rápidas para os usuários e uma utilização mais eficiente de recursos em diferentes dispositivos e redes.

Casos de uso

Melhorando o tempo de primeira pintura de conteúdo
Reduzindo o tamanho do pacote para carregamento mais rápido
Gerenciando o cache do navegador para ativos atualizados
Otimizando a entrega de ativos estáticos
Melhorando o desempenho de aplicativos web em conexões de baixa largura de banda

Principais recursos

Otimização automática de ativos
Bust de cache para recursos atualizados
Integração leve com Flutter web
Suporta compilações incrementais
Feedback de desempenho em tempo real

Indicado para

Desenvolvedores Flutter web em busca de melhorias de desempenho
Projetos que exigem tempos de carregamento rápidos
Aplicativos implantados em produção com atualizações frequentes
Equipes focadas na experiência do usuário e retenção
Desenvolvedores solucionando problemas de desempenho lento na web

Considerações

Requer Flutter 3.0 ou superior
Pode ser necessário configurar para setups de compilação complexos
Não aplicável a destinos não web do Flutter
Ganhos de desempenho dependem da estrutura do projeto
Documentação limitada além da configuração básica

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

中文文档

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

Buscar pacotes, repositórios e categorias de apps

Instalar pacote