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

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

Dev TeamIT

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 ของเรา