パッケージ、リポジトリ、アプリカテゴリを検索

flutter_web_optimizer のカバー
パッケージ詳細v1.5.1

flutter_web_optimizer

Flutter Web向けの最適化ツールで、Webページの読み込み遅延とブラウザキャッシュの問題を解決します。

AndroidiOSmacOSWindowsLinux
30日間ダウンロード
763
いいね数
57
Pub ポイント
150

パッケージをインストール

flutter pub add flutter_web_optimizer

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Flutter Web向けのパフォーマンス最適化パッケージで、ページ読み込みの遅延やブラウザキャッシュの問題に対処します。アセット配信の最適化、キャッシュ戦略の管理、初期ロード時間を改善することで、Webアプリのスピードを向上させます。Flutter開発者専用に設計されており、単純なpub addコマンドで既存プロジェクトにシームレスに統合できます。このツールは、さまざまなデバイスとネットワーク環境において、より迅速なユーザー体験と効率的なリソース活用を実現します。

用途

  • 最初のコンテンツ描画時間の改善
  • より迅速な読み込みのためにバンドルサイズを小さくする
  • 更新されたアセット用のブラウザーキャッシュの管理
  • 静的アセット配信の最適化
  • 低帯域接続におけるウェブアプリのパフォーマンス向上

主な機能

  • 自動アセット最適化
  • 更新されたリソースのキャッシュバスタリング
  • Flutter Web との軽量統合
  • インクリメンタルビルドをサポート
  • リアルタイムパフォーマンスフィードバック

適している対象

  • パフォーマンス向上を求めるFlutter Web開発者
  • 高速ロード時間を必要とするプロジェクト
  • 頻繁な更新で本番環境にデプロイされたアプリ
  • ユーザー体験とリテンションに焦点を当てるチーム
  • 開発者が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

app_web_optimizer

  • 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

app_web_optimizer

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

or

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
  • --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

カテゴリー

依存関係

依存関係一覧 6 件

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。