ความเร็วในการโหลดหน้าเว็บ (Page Speed & Core Web Vitals) เป็นหนึ่งในปัจจัยที่สำคัญที่สุดสำหรับผู้ใช้งานในประเทศไทย โดยเฉพาะการใช้งานผ่านเครือข่ายมือถือ (4G/5G)

การรวมพลังระหว่าง Astro สำหรับการเรนเดอร์หน้าเว็บแบบ Island Architecture และ Express สำหรับการจัดการ API Server ฝั่ง Node.js ช่วยให้เราได้ประโยชน์สูงสุดทั้ง 2 ด้าน

จุดเด่นของสถาปัตยกรรมนี้

  1. Zero JavaScript by Default: โค้ด HTML ถูก Pre-render ส่งตรงจาก Server ทำให้ First Contentful Paint (FCP) ต่ำกว่า 0.3 วินาที
  2. SEO Friendly: Meta Tags, OpenGraph, JSON-LD Schema และ Sitemap ถูกสร้างอย่างสมบูรณ์แบบโดยไม่ต้องพึ่ง Client-side Hydration
  3. Flexible Express Middleware: สามารถติดตั้ง Rate Limiting, Authentication, Helmet Security, และ Caching Headers ได้ตามต้องการ
  4. Interactive 3D on Demand: โหลด Three.js และ Interactive Component เฉพาะเมื่อผู้ใช้เลื่อนหน้าจอมาถึงจุดที่ต้องแสดงผล (Lazy Hydration)

ติดตามเครื่องมือ Open Source อื่นๆ ของเราได้ที่ thutil.com!