# Tối ưu hóa hiệu suất (Flutter)

> Profiling với DevTools, Isolates, compute, giảm jank, render frame, raster thread, tối ưu kích thước ứng dụng

- 26 câu hỏi phỏng vấn
- Senior
- [Câu hỏi phỏng vấn: Flutter](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van.md)

## 1. Công cụ Flutter DevTools nào cho phép phân tích các vấn đề hiệu suất liên quan đến việc render frame?

**Câu trả lời**

Performance view (hoặc Timeline view) trong Flutter DevTools cho phép trực quan hóa các frame được ứng dụng render và xác định những frame vượt quá ngân sách 16ms (60 FPS). Công cụ này hiển thị hoạt động của UI thread và raster thread, giúp xác định các điểm nghẽn gây ra jank.

## 2. Jank là gì trong bối cảnh các ứng dụng Flutter?

**Câu trả lời**

Jank đề cập đến các hiện tượng giật hoặc khựng hình ảnh xảy ra khi một frame mất hơn 16ms để render (để đạt 60 FPS). Điều này tạo ra cảm giác không mượt cho người dùng. Jank có thể do các thao tác tốn kém trên main isolate, việc rebuild widget quá mức, hoặc các thao tác render phức tạp gây ra.

## 3. Vai trò của UI thread và raster thread trong pipeline render của Flutter là gì?

**Câu trả lời**

UI thread thực thi mã Dart, xây dựng widget tree và tạo ra layer tree. Raster thread (trước đây là GPU thread) lấy layer tree này và rasterize thành các pixel có thể hiển thị. Cả hai phải hoàn thành công việc trong vòng dưới 16ms để duy trì 60 FPS. Vấn đề ở một trong hai đều có thể gây ra jank.

## Còn 23 câu hỏi nữa

- Tại sao việc sử dụng constructor const cho widget cải thiện hiệu suất?
- Isolate trong Dart là gì và tại sao nó quan trọng với hiệu suất?

Đăng ký miễn phí: https://sharpskill.dev/vi/login

## Các chủ đề phỏng vấn Flutter khác

- [Kiến thức cơ bản về Dart](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/dart-basics.md): 25 câu hỏi, Junior
- [Kiến thức cơ bản về ngôn ngữ Dart](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/dart-language-essentials.md): 15 câu hỏi, Junior
- [Kiến thức cơ bản về Flutter](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/flutter-fundamentals.md): 18 câu hỏi, Junior
- [Vòng đời của Widget](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/widget-lifecycle.md): 20 câu hỏi, Junior
- [Lưu trữ cục bộ](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/local-storage.md): 20 câu hỏi, Junior
- [Vòng đời ứng dụng](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/app-lifecycle.md): 20 câu hỏi, Junior
- [Layouts & Constraints](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/layouts-constraints.md): 24 câu hỏi, Mid-Level
- [ListView & GridView](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/listview-gridview.md): 25 câu hỏi, Mid-Level
- [Điều hướng & Routing](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/navigation-routing.md): 22 câu hỏi, Mid-Level
- [Quản lý State cơ bản](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/state-management-basics.md): 22 câu hỏi, Mid-Level
- [Provider Pattern](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/provider-pattern.md): 18 câu hỏi, Mid-Level
- [Networking & HTTP](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/networking-http.md): 20 câu hỏi, Mid-Level
- [Tuần tự hóa JSON](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/json-serialization.md): 20 câu hỏi, Mid-Level
- [Cơ sở dữ liệu cục bộ](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/local-database.md): 22 câu hỏi, Mid-Level
- [Biểu mẫu & Xác thực](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/forms-validation.md): 20 câu hỏi, Mid-Level
- [Hoạt ảnh](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/animations.md): 20 câu hỏi, Mid-Level
- [Tích hợp Firebase](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/firebase-integration.md): 18 câu hỏi, Mid-Level
- [Kiểm thử đơn vị](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/unit-testing.md): 20 câu hỏi, Mid-Level
- [Kiểm thử widget](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/widget-testing.md): 18 câu hỏi, Mid-Level
- [Build & Triển khai](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/build-deployment.md): 16 câu hỏi, Mid-Level
- [Quản lý gói](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/package-management.md): 16 câu hỏi, Mid-Level
- [Bộ nhớ & Hiệu năng](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/memory-performance.md): 22 câu hỏi, Senior
- [Streams & RxDart](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/streams-rxdart.md): 24 câu hỏi, Senior
- [State Management nâng cao](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/advanced-state-management.md): 26 câu hỏi, Senior
- [Flutter Design Patterns](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/flutter-design-patterns.md): 24 câu hỏi, Senior
- [Platform Channels](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/platform-channels.md): 20 câu hỏi, Senior
- [Custom Painting](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/custom-painting.md): 22 câu hỏi, Senior
- [Kiến trúc ứng dụng Flutter](https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/flutter-app-architecture.md): 22 câu hỏi, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/vi/technologies/flutter/cau-hoi-phong-van/performance-optimization