แนะนำ Blurha.sh เปลี่ยนการโหลดรูปธรรมดา ให้น่าใช้ยิ่งขึ้น

บทความนี้ขอเขียนถึงวิธีการเพิ่มประสิทธิภาพ ให้การโหลดรูปภาพ ดูน่าใช้งานมากขึ้น


BlurHash

ในบางสถานการณ์ที่ Internet มีความช้า แม้ว่าคุณจะ Optimize รูปภาพให้มีขนาดเล็กลงแล้ว User มีโอกาสที่จะโหลดรูปไม่สำเร็จ หรือช้ามากกว่ารูปจะโหลดเสร็จ หากเราสนใจ Experience ของ User การใช้ BlurHash ก็เป็นตัวเลือกที่น่าสนใจ

โดยเทคนิคที่ BlurHash ใช้ ก็ตรงตามชื่อ คือ แสดงภาพในลักษณะ Blur ขณะที่กำลังรอรูปจริงโหลด ซึ่งเทคนิคนี้จะทำให้ User รู้สึกว่ารูป กำลังจะมา แม้จริงๆมันอาจจะยังไม่มาก็ตาม


การทำงานของ BlurHash 

  1. ทำการ Hash รูปจริงออกมาเป็น string สั้นๆ ประมาณ 20-30 ตัวอักษร
  2. Backend ทำการเซฟ string นี้ไว้ที่ฐานข้อมูล
  3. เมื่อจะทำการแสดง ก็เพียงเอา string ที่ Hash ไว้มา Decode แล้วแสดงไปก่อน ทันทีที่รูปจริงโหลดเสร็จ ค่อยเปลี่ยนรูปจริงมาแสดง

สำหรับการใช้งาน BlurHash รองรับหลากภาษา ดูที่ GitHub

เอาจริงๆตัวนี้ ผมยังไม่เคยลองใช้ ไม่รู้เหมือนกันว่าตอน decode มันใช้เวลานานรึเปล่า และมีประสิทธิภาพอย่างไร เอาไว้ถ้าผมลองใช้แล้ว เดี๋ยวกลับมาอัพเดทให้อ่านอีกที

บทความนี้ลาไปก่อน บาย

Comments

Popular posts from this blog

วิธีตรวจสอบข้อมูลภาษีของตัวเอง รายได้ทั้งปี และค่าลดหย่อน จบครบที่เดียว

คำถามจิตวิทยา และจริยธรรม เมื่อผมสามารถสับสวิตซ์รถไฟ และต้องเลือกชนใครสักคน

วิธีสร้างแรงบันดาลใจ TED Talks คืออะไร ? และทำไมคุณควรต้องดู ?

ฝากโค๊ด Online ด้วย Pastebin กันเถอะครับ !!

รีวิว Dentiste Mastic Mint Bomb เม็ดอมที่ไม่ได้มีดีแค่ความสดชื่น