เจาะลึก Lynx: Engine ตัวปีศาจจาก ByteDance ที่ Dev สาย Performance ต้องรู้

ใครที่ยังวนอยู่กับ Framework เดิมๆ แล้วเจอทางตันเรื่อง Performance ลองเปิดใจดู Lynx ตัวนี้ของจริงจาก ByteDance (TikTok) คือเขาทำแอพสเกลระดับโลก เขาไม่ทนกับความอืด เขาเลยสร้าง Engine ตัวใหม่ขึ้นมาเองเพื่อแก้ปัญหาคอขวดทั้งหมด สรุปแบบเนื้อๆ เทคนิคเน้นๆ:

1. สถาปัตยกรรม Dual-Thread (ของโคตรดี) ปัญหาคลาสสิกของ Cross-platform คือพอ Logic หนัก หน้าจอกระตุก Lynx แม่งแก้ขาดด้วยการแยกเลนวิ่ง UI Thread: รับจบเรื่องงานภาพ ห้ามค้าง Background Thread: เอาไว้รัน Logic หนักๆ ไปเลย ผลลัพธ์: หน้าจอจะลื่นตลอดเวลา ต่อให้หลังบ้านคำนวณยับๆ เฟรมเรตก็ไม่ร่วง
2. Native แท้ ไม่ใช่ WebView ย้อมแมว อันนี้คือ Render Native Elements จริงๆ แต่จุดที่โกงคือเราเขียนด้วยท่า React กับ CSS ปกติเลย ไม่ต้องไปเรียนภาษาใหม่ให้เสียเวลา Dev ได้ไว แต่ได้ของแรงระดับ Native
3. เครื่องยนต์ PrimJS เขาไม่ใช้ Engine ทั่วไป เขาจูนของเขาเองชื่อ PrimJS เน้นเรื่องความเร็วตอนเปิดแอพ (Time to First Frame) กดปุ๊บ มาปั๊บ ไม่ต้องรอโหลดนานเหมือนเจ้าอื่น
4. CSS เขียนมันส์ ปกติเขียน Native เรื่องจัด Layout โคตรน่าเบื่อ แต่ตัวนี้รองรับ CSS แบบเต็มสูบ Animation หรือ Layout ซับซ้อน เขียนแบบ Web ได้เลย แล้วมันแปลงเป็น Native ให้เอง จบๆ

สรุปสั้นๆ: ถ้างานใครต้องทำ List ยาวๆ แบบ TikTok หรือเน้นเปิดแอพไวแบบปีศาจ Lynx คือตัวจบ มันคือการเอาความเร็วของ Native มาบวกกับความคล่องตัวของ Web ใครสาย Hardcore ต้องลองไปแกะดู

https://lynxjs.org/