1
import 'package:flutter/rendering.dart';
2

3
// 위젯 빌드 타이밍
4
bool debugProfileBuildsEnabled = false;
5

6
// 사용자 위젯만 프로파일링
7
bool debugProfileBuildsEnabledUserWidgets = false;
8

9
// 레이아웃 타이밍
10
bool debugProfileLayoutsEnabled = false;
11

12
// 페인트 타이밍
13
bool debugProfilePaintsEnabled = false;

1
import 'package:flutter/foundation.dart';
2
import 'package:flutter/rendering.dart';
3
import 'package:flutter/material.dart';
4

5
void main() {
6
  // 프로파일/디버그 모드에서만 활성화
7
  if (kDebugMode || kProfileMode) {
8
    debugProfileBuildsEnabled = true;
9
    debugProfileBuildsEnabledUserWidgets = true;
10
    debugProfileLayoutsEnabled = true;
11
    debugProfilePaintsEnabled = true;
12
  }
13

14
  runApp(const MyApp());
15
}

1
Build: MyHomePage (1.2ms)
2
  Build: Scaffold (0.8ms)
3
    Build: AppBar (0.3ms)
4
    Build: Column (0.5ms)
5
Layout: RenderFlex (0.4ms)
6
Paint: RenderDecoratedBox (0.2ms)

1
{
2
  "configurations": [
3
    {
4
      "name": "Flutter Web (Profile)",
5
      "request": "launch",
6
      "type": "dart",
7
      "deviceId": "chrome",
8
      "flutterMode": "profile"
9
    }
10
  ]
11
}

1
// 지연 임포트 선언
2
import 'package:myapp/features/heavy_feature.dart' deferred as heavy;
3

4
class MyApp extends StatelessWidget {
5
  @override
6
  Widget build(BuildContext context) {
7
    return MaterialApp(
8
      routes: {
9
        '/': (context) => const HomePage(),
10
        '/heavy': (context) => FutureBuilder(
11
          future: heavy.loadLibrary(),
12
          builder: (context, snapshot) {
13
            if (snapshot.connectionState == ConnectionState.done) {
14
              return heavy.HeavyFeaturePage();
15
            }
16
            return const LoadingPage();
17
          },
18
        ),
19
      },
20
    );
21
  }
22
}

1
// 웹에 최적화된 이미지 로딩
2
Image.network(
3
  'https://example.com/image.webp',  // WebP 형식 사용
4
  loadingBuilder: (context, child, loadingProgress) {
5
    if (loadingProgress == null) return child;
6
    return Center(
7
      child: CircularProgressIndicator(
8
        value: loadingProgress.expectedTotalBytes != null
9
            ? loadingProgress.cumulativeBytesLoaded /
10
                loadingProgress.expectedTotalBytes!
11
            : null,
12
      ),
13
    );
14
  },
15
)

1
// 사용하는 글자만 포함된 폰트 사용
2
// 또는 Google Fonts의 텍스트 파라미터 활용

1
// 불필요한 리빌드 방지
2
class OptimizedWidget extends StatelessWidget {
3
  const OptimizedWidget({super.key});  // const 생성자
4

5
  @override
6
  Widget build(BuildContext context) {
7
    return const Column(  // const 위젯
8
      children: [
9
        Text('고정 텍스트'),
10
        Icon(Icons.star),
11
      ],
12
    );
13
  }
14
}
15

16
// RepaintBoundary로 리페인트 영역 제한
17
RepaintBoundary(
18
  child: ComplexAnimatedWidget(),
19
)