Question 1

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

Accepted Answer

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

Question 2

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

Accepted Answer

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

Question 3

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

Accepted Answer

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

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

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

คำตอบ

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

คำตอบ

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

คำตอบ

เหตุใดการใช้ const constructor สำหรับวิดเจ็ตจึงช่วยเพิ่มประสิทธิภาพ?

Isolate ใน Dart คืออะไรและเหตุใดจึงสำคัญต่อประสิทธิภาพ?

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

พื้นฐาน Dart

พื้นฐานภาษา Dart

พื้นฐาน Flutter

วงจรชีวิตของ Widget

การจัดเก็บข้อมูลในเครื่อง

วงจรชีวิตของแอปพลิเคชัน

Layouts & Constraints

ListView & GridView

การนำทางและ Routing

การจัดการ State พื้นฐาน

Provider Pattern

Networking & HTTP

การซีเรียลไลซ์ JSON

ฐานข้อมูลในเครื่อง

ฟอร์มและการตรวจสอบความถูกต้อง

แอนิเมชัน

การผสานรวม Firebase

การทดสอบยูนิต

การทดสอบ widget

การ Build และ Deploy

การจัดการแพ็กเกจ

หน่วยความจำและประสิทธิภาพ

Streams & RxDart

State Management ขั้นสูง

Flutter Design Patterns

Platform Channels

Custom Painting

สถาปัตยกรรมแอปพลิเคชัน Flutter

เชี่ยวชาญ Flutter สำหรับการสัมภาษณ์ครั้งถัดไป