Blog Post

ถ้าเปิดเว็บไซต์ของคุณบนมือถือแล้วรู้สึกว่ารูปค่อย ๆ โผล่ทีละส่วน มีโอกาสสูงมากว่าตัวการคือไฟล์รูปภาพ จากประสบการณ์ของเรา รูปคือส่วนที่หนักที่สุดของหน้าเว็บเกือบทุกเว็บ โดยเฉพาะเว็บที่ใช้รูปสินค้าหรือรูปผลงานเยอะ และนั่นคือจุดที่ไฟล์รูปแบบใหม่อย่าง WebP เข้ามาช่วยได้มาก

WebP คือรูปแบบไฟล์ภาพที่ Google พัฒนาขึ้นมาเพื่อเว็บโดยเฉพาะ จุดเด่นคือบีบอัดได้ดีกว่า JPEG และ PNG ที่เราคุ้นเคย รูปเดียวกันในขนาดเดียวกันมักเล็กลงอย่างเห็นได้ชัด โดยที่ตาคนแทบมองไม่เห็นความต่าง แถมยังรองรับพื้นหลังโปร่งใสแบบ PNG และภาพเคลื่อนไหวแบบ GIF ได้ในไฟล์เดียว

คำถามที่เจอบ่อยคือ ใช้แล้วจะเปิดได้ทุกเครื่องไหม คำตอบคือเบราว์เซอร์รุ่นใหม่ทั้งหมดรองรับ WebP แล้ว ทั้ง Chrome, Safari, Edge และ Firefox ทั้งบนคอมพิวเตอร์และมือถือ ปัจจุบันจึงใช้เป็นรูปหลักของเว็บได้อย่างมั่นใจ ส่วนรูปแบบที่ใหม่กว่าอย่าง AVIF ก็บีบอัดได้ดียิ่งขึ้น แต่ใช้เวลาแปลงไฟล์นานกว่า เหมาะกับบางกรณีเท่านั้น

แต่การเปลี่ยนนามสกุลไฟล์อย่างเดียวยังไม่พอ สิ่งที่สำคัญไม่แพ้กันคือขนาดของรูป รูปที่ถ่ายจากกล้องหรือมือถืออาจกว้างหลายพันพิกเซล ทั้งที่บนหน้าจอแสดงจริงแค่ไม่กี่ร้อยพิกเซล ควรย่อรูปให้พอดีกับพื้นที่ที่แสดง และเตรียมรูปย่อไว้สำหรับรายการหรือการ์ดเล็ก ๆ ด้วย

อีกเทคนิคที่ช่วยได้มากคือการโหลดรูปเมื่อจำเป็น (Lazy Loading) รูปที่อยู่ด้านล่างของหน้ายังไม่ต้องโหลดจนกว่าผู้ใช้จะเลื่อนลงไปถึง หน้าแรกที่ลูกค้าเห็นจึงขึ้นเร็วขึ้นทันที เทคนิคนี้ทำได้ง่ายในเว็บไซต์สมัยใหม่ และไม่ต้องให้ผู้ใช้ทำอะไรเพิ่มเลย

ข่าวดีสำหรับเจ้าของเว็บคือ เรื่องเหล่านี้ไม่ควรเป็นภาระของคนอัปโหลดรูป ระบบหลังบ้านที่ดีควรจัดการให้อัตโนมัติ ที่ปลุกใจ ระบบจัดการเนื้อหาที่เราพัฒนาให้ลูกค้าจะแปลงรูปที่อัปโหลดเป็น WebP ย่อขนาด และสร้างรูปย่อให้ทันที ทีมของคุณแค่เลือกรูปสวย ๆ แล้วกดอัปโหลดเท่านั้น

เว็บไซต์ที่เร็วขึ้นไม่ได้แค่ทำให้ลูกค้าพอใจ แต่ยังช่วยเรื่องการค้นหาบน Google และช่วยให้คนอยู่ในเว็บนานขึ้นด้วย ถ้าอยากรู้ว่าเว็บไซต์ของคุณยังมีจุดไหนที่ทำให้ช้าอยู่ ทีมปลุกใจยินดีช่วยตรวจและแนะนำวิธีปรับให้เบาและเร็วขึ้นครับ