Hi Marketer: เว็บรูปกว่า 40 รูปที่ยังโหลดเร็ว

ปัญหา

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

สิ่งที่สร้าง

ทุกส่วนบนหน้าเว็บเป็นบล็อกที่ทีมจัดเรียงและแก้เองได้จากระบบจัดการหลังบ้าน (CMS) ทั้งรีวิว บริการ บทความ โลโก้ลูกค้า และข้อมูลติดต่อ รองรับไทยและอังกฤษในระบบเดียว

ทำไมหน้าที่มีรูปกว่า 40 รูปยังโหลดเร็ว

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

ผลลัพธ์

เครื่องมือวัดความเร็วของ Google (PageSpeed Insights) ให้คะแนนความเร็ว 100 บนคอมพิวเตอร์ และ 97 บนมือถือ ส่วนการเข้าถึง มาตรฐานเว็บ และ SEO ได้ 100 ทั้งหมด

ทีมงานเพิ่มรีวิว บทความ และโลโก้ลูกค้าเองได้โดยไม่ต้องแจ้งทีมพัฒนา กดเผยแพร่แล้วเห็นบนเว็บจริงทันที

ความเร็วสำคัญกับเว็บที่ยิงโฆษณา

คนที่กดมาจากโฆษณาส่วนใหญ่เปิดบนมือถือ บ่อยครั้งเป็นเบราว์เซอร์ในแอป Facebook หรือ Instagram ซึ่งช้ากว่าปกติอยู่แล้ว ถ้ากดแล้วเจอจอขาว เขาก็กดกลับไปเลื่อนฟีดต่อ แต่ค่าคลิกนั้นจ่ายไปแล้ว

หน้าแรกของ Hi Marketer ทำให้ส่วนที่ใหญ่ที่สุดบนจอโผล่ขึ้นมาเร็วที่สุด คนที่กดเข้ามาเห็นว่ามาถูกที่ตั้งแต่วินาทีแรก ฝั่ง Google Ads เองก็นับความเร็วของหน้าปลายทางเป็นส่วนหนึ่งของคะแนนคุณภาพโฆษณาด้วย

คะแนน SEO 100 ไม่ได้แปลว่าติดหน้าแรก

สิ่งที่คะแนนนี้บอกคือ Google อ่านเว็บนี้ได้ครบ ไม่มีอะไรขวาง ส่วนจะติดอันดับหรือไม่ยังขึ้นกับเนื้อหาและคู่แข่งในคำค้นนั้น เราเลยทำให้ทีมเขียนบทความและแก้หัวข้อของแต่ละหน้าเองได้จากหลังบ้าน เพราะนั่นคือส่วนที่ต้องทำต่อเนื่อง