ทำไม Astro ถึงเร็วมาก?

ทำไม Astro ถึงเร็วมาก?

Dev Team · IT ·

Islands Architecture

Astro ใช้แนวคิด Islands Architecture ซึ่งหมายความว่าทุกหน้าจะถูก render เป็น static HTML ก่อน แล้วค่อยเพิ่ม JavaScript เฉพาะส่วนที่ต้อง interactive เท่านั้น

ข้อดีด้าน Performance

  1. Zero JS by default — ไม่ส่ง JavaScript ที่ไม่จำเป็นไปยัง browser
  2. Partial Hydration — เลือก hydrate เฉพาะ component ที่ต้องการ
  3. Static-first — HTML ถูก pre-render ทำให้ First Contentful Paint เร็วมาก

Lighthouse Score

ด้วย static-first approach ทำให้ Astro sites มักได้ Lighthouse score ใกล้ 100 ในทุกหมวด:

  • Performance: 99-100
  • Accessibility: 95+
  • Best Practices: 100
  • SEO: 100

เหมาะมากสำหรับ content-focused sites เช่น blog และ announcement platform ของเรา