# การเพิ่มประสิทธิภาพการทำงาน (Flutter)

> การทำ profiling ด้วย DevTools, Isolates, compute, การลด jank, การเรนเดอร์เฟรม, raster thread, การเพิ่มประสิทธิภาพขนาดแอป

- 26 คำถามสัมภาษณ์
- Senior
- [คำถามสัมภาษณ์: Flutter](https://sharpskill.dev/th/technologies/flutter/interview-questions.md)

## 1. เครื่องมือใดของ Flutter DevTools ที่ช่วยวิเคราะห์ปัญหาด้านประสิทธิภาพที่เกี่ยวข้องกับการเรนเดอร์เฟรม?

**คำตอบ**

Performance view (หรือ Timeline view) ใน Flutter DevTools ช่วยให้มองเห็นเฟรมที่แอปพลิเคชันเรนเดอร์และระบุเฟรมที่เกินงบประมาณ 16ms (60 FPS) เครื่องมือนี้แสดงกิจกรรมของ UI thread และ raster thread ช่วยค้นหาจุดคอขวดที่ทำให้เกิด jank

## 2. jank คืออะไรในบริบทของแอปพลิเคชัน Flutter?

**คำตอบ**

jank หมายถึงอาการกระตุกหรือสะดุดทางสายตาที่เกิดขึ้นเมื่อเฟรมใช้เวลาเรนเดอร์มากกว่า 16ms (เพื่อให้ได้ 60 FPS) ซึ่งทำให้ผู้ใช้รู้สึกไม่ลื่นไหล jank อาจเกิดจากการดำเนินการที่มีต้นทุนสูงบน main isolate การ rebuild วิดเจ็ตมากเกินไป หรือการดำเนินการเรนเดอร์ที่ซับซ้อน

## 3. บทบาทของ UI thread และ raster thread ใน rendering pipeline ของ Flutter คืออะไร?

**คำตอบ**

UI thread รันโค้ด Dart สร้าง widget tree และสร้าง layer tree ส่วน raster thread (เดิมคือ GPU thread) รับ layer tree นี้และแรสเตอร์ไรซ์เป็นพิกเซลที่แสดงผลได้ ทั้งสองต้องทำงานให้เสร็จภายในไม่ถึง 16ms เพื่อรักษา 60 FPS ปัญหาที่เกิดกับอย่างใดอย่างหนึ่งอาจทำให้เกิด jank

## มีอีก 23 คำถาม

- เหตุใดการใช้ const constructor สำหรับวิดเจ็ตจึงช่วยเพิ่มประสิทธิภาพ?
- Isolate ใน Dart คืออะไรและเหตุใดจึงสำคัญต่อประสิทธิภาพ?

สมัครฟรี: https://sharpskill.dev/th/login

## หัวข้อสัมภาษณ์ Flutter อื่นๆ

- [พื้นฐาน Dart](https://sharpskill.dev/th/technologies/flutter/interview-questions/dart-basics.md): 25 คำถาม, Junior
- [พื้นฐานภาษา Dart](https://sharpskill.dev/th/technologies/flutter/interview-questions/dart-language-essentials.md): 15 คำถาม, Junior
- [พื้นฐาน Flutter](https://sharpskill.dev/th/technologies/flutter/interview-questions/flutter-fundamentals.md): 18 คำถาม, Junior
- [วงจรชีวิตของ Widget](https://sharpskill.dev/th/technologies/flutter/interview-questions/widget-lifecycle.md): 20 คำถาม, Junior
- [การจัดเก็บข้อมูลในเครื่อง](https://sharpskill.dev/th/technologies/flutter/interview-questions/local-storage.md): 20 คำถาม, Junior
- [วงจรชีวิตของแอปพลิเคชัน](https://sharpskill.dev/th/technologies/flutter/interview-questions/app-lifecycle.md): 20 คำถาม, Junior
- [Layouts & Constraints](https://sharpskill.dev/th/technologies/flutter/interview-questions/layouts-constraints.md): 24 คำถาม, Mid-Level
- [ListView & GridView](https://sharpskill.dev/th/technologies/flutter/interview-questions/listview-gridview.md): 25 คำถาม, Mid-Level
- [การนำทางและ Routing](https://sharpskill.dev/th/technologies/flutter/interview-questions/navigation-routing.md): 22 คำถาม, Mid-Level
- [การจัดการ State พื้นฐาน](https://sharpskill.dev/th/technologies/flutter/interview-questions/state-management-basics.md): 22 คำถาม, Mid-Level
- [Provider Pattern](https://sharpskill.dev/th/technologies/flutter/interview-questions/provider-pattern.md): 18 คำถาม, Mid-Level
- [Networking & HTTP](https://sharpskill.dev/th/technologies/flutter/interview-questions/networking-http.md): 20 คำถาม, Mid-Level
- [การซีเรียลไลซ์ JSON](https://sharpskill.dev/th/technologies/flutter/interview-questions/json-serialization.md): 20 คำถาม, Mid-Level
- [ฐานข้อมูลในเครื่อง](https://sharpskill.dev/th/technologies/flutter/interview-questions/local-database.md): 22 คำถาม, Mid-Level
- [ฟอร์มและการตรวจสอบความถูกต้อง](https://sharpskill.dev/th/technologies/flutter/interview-questions/forms-validation.md): 20 คำถาม, Mid-Level
- [แอนิเมชัน](https://sharpskill.dev/th/technologies/flutter/interview-questions/animations.md): 20 คำถาม, Mid-Level
- [การผสานรวม Firebase](https://sharpskill.dev/th/technologies/flutter/interview-questions/firebase-integration.md): 18 คำถาม, Mid-Level
- [การทดสอบยูนิต](https://sharpskill.dev/th/technologies/flutter/interview-questions/unit-testing.md): 20 คำถาม, Mid-Level
- [การทดสอบ widget](https://sharpskill.dev/th/technologies/flutter/interview-questions/widget-testing.md): 18 คำถาม, Mid-Level
- [การ Build และ Deploy](https://sharpskill.dev/th/technologies/flutter/interview-questions/build-deployment.md): 16 คำถาม, Mid-Level
- [การจัดการแพ็กเกจ](https://sharpskill.dev/th/technologies/flutter/interview-questions/package-management.md): 16 คำถาม, Mid-Level
- [หน่วยความจำและประสิทธิภาพ](https://sharpskill.dev/th/technologies/flutter/interview-questions/memory-performance.md): 22 คำถาม, Senior
- [Streams & RxDart](https://sharpskill.dev/th/technologies/flutter/interview-questions/streams-rxdart.md): 24 คำถาม, Senior
- [State Management ขั้นสูง](https://sharpskill.dev/th/technologies/flutter/interview-questions/advanced-state-management.md): 26 คำถาม, Senior
- [Flutter Design Patterns](https://sharpskill.dev/th/technologies/flutter/interview-questions/flutter-design-patterns.md): 24 คำถาม, Senior
- [Platform Channels](https://sharpskill.dev/th/technologies/flutter/interview-questions/platform-channels.md): 20 คำถาม, Senior
- [Custom Painting](https://sharpskill.dev/th/technologies/flutter/interview-questions/custom-painting.md): 22 คำถาม, Senior
- [สถาปัตยกรรมแอปพลิเคชัน Flutter](https://sharpskill.dev/th/technologies/flutter/interview-questions/flutter-app-architecture.md): 22 คำถาม, Senior

---

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