ทำไมเรายังต้องส่ง CSS parser ไปยังเบราว์เซอร์อีก?

นักพัฒนา Frontend ต้องเผชิญกับการตัดสินใจ คุณเลือกใช้ไลบรารี CSS-in-JS ที่มีขนาดใหญ่ ซึ่งต้องแลกมาด้วยขนาด bundle ที่ใหญ่ขึ้น และต้องแลกมาด้วยค่า Largest Contentful Paint (LCP) ที่ช้าลง

คุณต้องการสไตล์แบบไดนามิก แต่คุณไม่จำเป็นต้องใช้ CSS parser ในเบราว์เซอร์เพื่อให้ได้สิ่งนั้นมา

เครื่องมือสมัยใหม่มีวิธีที่ดีกว่า คุณสามารถใช้ build-time scanner ได้ ซึ่งวิธีนี้จะใช้เวลาเพียง 10ms ในระหว่างกระบวนการ build และส่งผลให้ผู้ใช้งานไม่ต้องเสียเวลาประมวลผลเลย (0ms)

Zero-runtime CSS ให้ความยืดหยุ่นในระดับเดียวกัน แต่ช่วยลดภาระ (weight) ของแอปพลิเคชันคุณลง

ทำไม zero-runtime ถึงยังไม่กลายเป็นมาตรฐานของอุตสาหกรรม?

ฉันอยากทราบประสบการณ์ของคุณ อะไรคือข้อแลกเปลี่ยน (trade-offs) ที่ทำให้คุณยังคงใช้ไลบรารี runtime CSS-in-JS อยู่?

ร่วมแบ่งปันความคิดเห็นของคุณได้ที่ด้านล่างนี้

ที่มา: https://dev.to/jenny_akhi_aade503c2764f6/why-are-we-still-shipping-css-parser-code-to-the-browser-3f23