การโหลดแบบ Lazy Loading ทีละขั้นตอนสำหรับ Joomla

การสร้างเนื้อหาที่ยอดเยี่ยมบน Joomla! เป็นเรื่องหนึ่ง การทำให้เนื้อหานั้นเข้าถึงได้ง่ายเป็นอีกเรื่องหนึ่ง Lazy loading คือหนึ่งในวิธีแก้ปัญหาที่ผสานสองสิ่งนี้เข้าด้วยกันโดยไม่เปลี่ยนแปลงขั้นตอนการทำงานของคุณ ด้วย lazy loadingแบบค่อยเป็นค่อยไป รูปภาพจะโหลดก็ต่อเมื่อจำเป็นเท่านั้น หากผู้อ่านไม่พบรูปภาพใดๆ บนหน้าเว็บ รูปภาพนั้นจะไม่ถูกดาวน์โหลด ตอนนี้ lazy loading ก็มีให้ใช้งานบน Joomla! แล้ว

ข้อดีของ lazy loading มีมากมาย เช่น หน้าเว็บโหลดเร็วขึ้น ซึ่งหมายความว่าประสบการณ์การใช้งานของผู้ใช้ดีขึ้น คะแนน SEO สูงขึ้น และเนื้อหา Joomla ของคุณเข้าถึงได้ง่ายขึ้นสำหรับผู้ใช้ที่ใช้อุปกรณ์สเปคต่ำหรืออินเทอร์เน็ตความเร็วต่ำ เมื่อไม่กี่สัปดาห์ก่อน เราได้นำเสนอการปรับปรุง lazy loading บน WordPress ไปแล้ว วันนี้เราจะนำเสนอสำหรับ Joomla! ด้วยเช่นกัน แต่ก่อนอื่น เรามาดูวิธีการเปิดใช้งาน Progressive lazy loading บน Joomla!

การเปิดใช้งาน Lazy Loading บน Joomla!

Lazy loading ใน Joomla! เป็นส่วนหนึ่งของ ส่วนขยาย Speed Cache lazy loading นั้นง่ายมาก เพียงแค่เปิดสวิตช์เท่านั้น อย่างไรก็ตาม Speed Cache ยังมีคุณสมบัติอื่นๆ ที่ช่วยให้คุณใช้ประโยชน์จาก lazy loading ได้

ในการตั้งค่า lazy loading สำหรับบล็อก Joomla! ของคุณ ให้ไปที่ Speed Cache จากนั้นคลิกที่ การตั้งค่า หน้าการตั้งค่า Speed Cache ใหม่

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

ยกเว้นรูปภาพจาก Lazy Loading ของ Joomla!

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

อย่างไรก็ตาม ในบางกรณี คุณอาจต้องการยกเว้น (หรือรวม) ชุดโพสต์หรือหน้าเว็บ Joomla! ทั้งหมดจาก lazy loadingเหตุผลที่คุณจะทำเช่นนั้นมีมากมายและสมเหตุสมผล—บางทีสื่อที่รวมอยู่ด้วยอาจเป็นส่วนสำคัญของเนื้อหา ฟิลด์สองฟิลด์ต่อไปนี้ใช้เพื่อวัตถุประสงค์นี้

ช่องแรกใช้สำหรับเปิดใช้งาน lazy loading เฉพาะบางหน้า และช่องที่สองใช้สำหรับปิดใช้งาน lazy loading เฉพาะเนื้อหาที่เลือกไว้ ในทั้งสองกรณี สามารถใช้สัญลักษณ์ตัวแทน (wildcard) ได้ โดยใช้สัญลักษณ์ดอกจัน (*) เพื่อเปิดใช้งาน lazy loading กับกลุ่มของโพสต์หรือหน้า Joomla! ที่มีชื่อคล้ายกัน บันทึกการเปลี่ยนแปลงเพื่อเปิดใช้งาน lazy loading: lazy loading จะมีผลกับบล็อก Joomla! ของคุณโดยอัตโนมัติ

วิธีใช้งาน Progressive Lazy Loading บน Joomla!

Lazy loading จะแสดงเนื้อหาเมื่อจำเป็นเท่านั้น โดยปกติแล้ว หน้าเว็บจะประกอบด้วยข้อความและรูปภาพ การดาวน์โหลดสื่อใช้เวลานานกว่าการดาวน์โหลดข้อความ โดยเฉพาะอย่างยิ่งในโทรศัพท์มือถือรุ่นล่างหรือการเชื่อมต่ออินเทอร์เน็ตที่ช้า แม้ว่าบล็อก Joomla! ของคุณจะไม่สามารถเร่งความเร็วโทรศัพท์มือถือหรือการเชื่อมต่ออินเทอร์เน็ตได้อย่างมหัศจรรย์ แต่ก็สามารถทำสิ่งที่ดีที่สุดรองลงมาได้ นั่นคือ การปรับปรุงประสบการณ์ผู้ใช้

โดยหลักการแล้ว lazy loading หมายความว่าเบราว์เซอร์จะโหลดข้อความก่อน ซึ่งโดยทั่วไปแล้วจะเป็นส่วนสำคัญของบล็อก Joomla! ของคุณ ข้อความจะมีขนาดเล็กกว่า จึงโหลดได้เร็วขึ้น และผู้อ่านสามารถติดตามได้ง่ายขึ้น เมื่อผู้อ่านเลื่อนลงมาและเห็นรูปภาพ lazy loading จะดาวน์โหลดและแสดงรูปภาพนั้น

ในความเป็นจริง การโหลดรูปภาพอาจยังใช้เวลาสักระยะ ดังนั้น lazy loading จะสร้างรูปภาพขนาดเล็กขึ้นมาโดยอัตโนมัติ—กว้าง 20 พิกเซล มี 4 สี และขนาดเพียงไม่กี่กิโลไบต์—แล้วขยายให้มีขนาดเท่าของจริง จากนั้นจึงเบลอภาพ ผลลัพธ์ที่ได้คือภาพเบลอที่แสดงว่ารูปภาพยังคงกำลังดาวน์โหลดอยู่ เมื่อ lazy loading ดาวน์โหลดรูปภาพเสร็จสิ้น Joomla! จะแทนที่ภาพเบลอด้วยภาพขนาดเต็ม

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

Lazy Loading ในแกลเลอรี่ของ Joomla!

Lazy loading ไม่เลือกปฏิบัติ lazy loading ของ Speed Cacheใช้งานได้กับรูปภาพทุกประเภท รวมถึงแกลเลอรี เช่น แกลเลอ Droppics เช่นเดียวกับรูปภาพทั่วไป Speed Cache จะขยายรูปภาพในแกลเลอรีขนาดเล็กและทำให้เบลอ เมื่อผู้ใช้เลื่อนลง lazy loading จะดาวน์โหลดรูปภาพขนาดเต็ม

ที่สำคัญที่สุดคือ lazy loading ของ Speed Cacheไม่รบกวนขั้นตอนการทำงานของคุณ แต่จะช่วยแทรก lazy loading เข้าไปในกระบวนการทำงานของคุณ เพียงแค่แทรกรูปภาพหรือแกลเลอรีที่ใดก็ได้ในบล็อก Joomla! ของคุณ แล้ว Speed Cache จะโหลดรูปภาพแบบ Lazy Loading โดยใช้ AJAX ทีละภาพโดยอัตโนมัติ หลังจากที่เนื้อหาหลัก—ส่วนใหญ่คือข้อความและรูปภาพขนาดเล็กที่ถูกยกเว้นตามการตั้งค่าของคุณ—โหลดเสร็จแล้ว

Lazy Loading อัจฉริยะโดยอิงตามความสูงของหน้าจอ

Lazy loading เกี่ยวข้องกับการเลื่อนหน้าจอและความสูงของหน้าจอ ระบบ lazy loading ของ Speed Cacheนั้นฉลาดมาก โดยจะใช้งานเฉพาะกับความสูงของหน้าจอปัจจุบัน (ตามขนาดวิวพอร์ต) และโหลดข้อมูลล่วงหน้าสำหรับหน้าจอถัดไป ดังนั้นไม่ว่าคุณจะมีอินเทอร์เน็ตความเร็วสูงหรือเลื่อนหน้าจอช้า คุณก็จะไม่สังเกตเห็นว่า lazy loading ถูกเปิดใช้งานบนเว็บไซต์ Joomla ของคุณ

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

SEO สำหรับ Joomla และ Lazy Loading

lazy loading ที่ใช้ใน Speed Cache ไม่ส่งผลกระทบต่อ SEO ในความเป็นจริงแล้ว เครื่องมือค้นหาที่เข้ามาตรวจสอบเนื้อหาของคุณ เช่น Google Bot จะเห็นแต่ข้อดีเท่านั้น:

• เวลาในการโหลดหน้าเว็บดีขึ้นมาก
• เนื้อหาทั้งหมดของรูปภาพ รวมถึงข้อความทางเลือก ชื่อรูปภาพ และคำอธิบาย จะถูกโหลดทันทีโดยไม่ต้องใช้ lazy loadingและ
• คำบรรยายภาพจะถูกโหลดเมื่อหน้าเว็บแสดงผลครั้งแรกเช่นกัน

การโหลดแบบ Lazy Loading แบบค่อยเป็นค่อยไป (Progressive lazy loading เป็นการประนีประนอมระหว่างการแสดงสื่อและการหน่วงเวลาการดาวน์โหลดโดยการเพิ่มสัญญาณภาพ ในขณะเดียวกัน lazy loading ยังทำให้การนำทางในบล็อก Joomla! ของคุณรวดเร็วและสะดวกสบายยิ่งขึ้น การแบ่งปันเนื้อหาที่ดีนั้นไม่มีข้อจำกัด และตอนนี้ ด้วย lazy loading แบบค่อยเป็นค่อยไปใน Joomla! ก็ไม่มีข้อจำกัดในการทำให้เนื้อหานั้นเข้าถึงได้เช่นกัน

แน่นอนว่า เรายังควรคำนึงถึงว่า Speed Cache ยังมีเครื่องมือเจ๋งๆ อื่นๆ อีกมากมาย เช่น โมดูลแคชที่ดีเยี่ยม ซึ่งจะช่วยให้เว็บไซต์ของเราเร็วขึ้นและก้าวไปอีกขั้น!

ตรวจสอบ Speed Cache สำหรับ Joomla ได้ที่นี่:  https://www.joomunited.com/products/speed-cache