패키지, 저장소 및 앱 카테고리 검색

flutter_web_optimizer 표지
패키지 상세v1.5.1

flutter_web_optimizer

Flutter 웹용 최적화 도구로 웹 페이지 로딩 속도 저하 및 브라우저 캐시 문제를 해결합니다.

AndroidiOSmacOSWindowsLinux
30일 다운로드
763
좋아요
57
Pub 점수
150

패키지 설치

flutter pub add flutter_web_optimizer

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

Flutter 웹용 성능 최적화 패키지로, 느린 페이지 로딩 및 브라우저 캐시 문제를 해결합니다. 자산 전달을 최적화하고 캐시 전략을 관리하며 초기 로드 시간을 개선함으로써 웹 앱의 속도를 향상시킵니다. Flutter 개발자들을 위한 특별한 설계로, 간단한 pub add 명령어를 통해 기존 프로젝트에 원활하게 통합됩니다. 이 도구는 다양한 장치와 네트워크 환경에서 더 빠른 사용자 경험과 더 나은 리소스 활용을 보장합니다.

사용 사례

  • 첫 콘텐츠 페인트 시간 개선
  • 더 빠른 로딩을 위해 번들 크기 줄이기
  • 업데이트된 자산을 위한 브라우저 캐시 관리
  • 정적 자산 전달 최적화
  • 저대역폭 연결에서 웹 앱 성능 향상

주요 기능

  • 자동 자산 최적화
  • 업데이트된 리소스를 위한 캐시 버스팅
  • Flutter 웹과의 가벼운 통합
  • 증분 빌드를 지원합니다
  • 실시간 성능 피드백

적합한 대상

  • 성능 향상을 원하는 플러터 웹 개발자
  • 빠른 로딩 시간이 필요한 프로젝트
  • 자주 업데이트되는 프로덕션 환경에 배포된 앱
  • 사용자 경험과 유지를 중시하는 팀
  • 개발자가 느린 웹 성능 문제 해결

고려 사항

  • Flutter 3.0 이상이 필요합니다
  • 복잡한 빌드 설정을 위해 구성이 필요할 수 있습니다
  • 웹이 아닌 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 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.