เว็บโหลดช้า? วิธีเพิ่มความเร็วเว็บไซต์ขั้นพื้นฐาน

เว็บโหลดช้า? วิธีเพิ่มความเร็วเว็บไซต์ขั้นพื้นฐาน

ความเร็วของเว็บไซต์ส่งผลโดยตรงต่อ SEO และ conversion rate ผู้ใช้ที่รอนานกว่า 3 วินาทีกว่า 50% จะปิดหน้าเว็บออกไป

1. Optimize รูปภาพก่อนเป็นอันดับแรก

รูปภาพคือสาเหตุหลักที่เว็บโหลดช้า ให้ใช้ format WebP แทน PNG/JPEG และปรับขนาดให้ตรงกับที่แสดงจริง ไม่ใส่รูป 4K ในกล่องขนาด 400px

2. Lazy Loading

รูปที่อยู่ด้านล่างหน้าเว็บไม่ต้องโหลดพร้อมกับ first load เพิ่ม loading="lazy" ในแท็ก img หรือใช้ Next.js Image component ที่ทำให้อัตโนมัติ

3. ลด JavaScript ที่ไม่จำเป็น

ทุก library ที่ import คือขนาดที่ user ต้องดาวน์โหลด ตรวจสอบ bundle size ด้วย tools เช่น bundlephobia.com ก่อน add dependency ใหม่

4. ใช้ CDN

ถ้า host เองให้ใช้ CDN เช่น Cloudflare เพื่อให้ static files โหลดจาก server ที่ใกล้ผู้ใช้มากที่สุด

5. Cache Headers

ตั้งค่า cache headers ให้ browser เก็บ static files ไว้ ไม่ต้องดาวน์โหลดซ้ำทุกครั้งที่เข้าเว็บ

ลองวัดคะแนนเว็บของคุณที่ PageSpeed Insights แล้วแก้ตาม suggestion ที่ได้คะแนนสูงก่อน