ธนกฤต

เวลาทดสอบ Performance ผมไม่ค่อยเริ่มจากคะแนนเครื่องมือทันที ผมจะดูว่าเปิดผ่านเครือข่ายธรรมดาแล้ว “เนื้อหาที่จำเป็นขึ้นมาก่อนหรือยัง” เพราะผู้ใช้ไม่ได้รู้ว่า LCP เท่าไร เขารู้แค่ว่ากดแล้วรอนานหรือไม่

ธีม UFACREEK มีกราฟิกค่อนข้างหนัก ถ้านำภาพขนาดใหญ่ทุกส่วนมาโหลดพร้อมกัน อาจเกิดปัญหาที่หน้าดูสวยแต่ความรู้สึกช้า วิธีที่ผมมองว่าเหมาะคือให้หัวข้อ เนื้อหาหลัก และ Navigation พร้อมก่อน ส่วนภาพรองค่อยโหลดเมื่อเลื่อนลงมา

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

ข้อดีคือโครงสร้างเนื้อหาแบบเป็น Section เหมาะกับ Lazy Loading เพราะสามารถแยกโหลดตามช่วงได้ง่ายกว่าหน้าแบบยาวต่อกันทั้งหมด

ถ้าผมต้องปรับหนึ่งอย่างก่อนอย่างอื่น ผมจะเลือก “Prioritize Above-the-Fold Content” เพราะมันทำให้เว็บรู้สึกเร็วขึ้นได้มากโดยไม่ต้องลดเอกลักษณ์ของงานภาพทั้งหมด