การโหลด Lazy Loading แบบโปรเกรสซีฟสำหรับ Joomla

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

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

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

Lazy loading บน Joomla! เป็นส่วนหนึ่งของส่วนขยาย Speed Cache การเปิดใช้งาน lazy loading นั้นง่ายเหมือนการเปิดสวิตช์ อย่างไรก็ตาม Joomla!’s 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 สำหรับการเลือกเนื้อหาเท่านั้น ในทั้งสองกรณี อนุญาตให้ใช้ไวด์การ์ดได้ ใช้เครื่องหมายดอกจันเพื่อใช้ lazy loading กับชุดโพสต์หรือหน้าของ Joomla! ที่มีชื่อคล้ายกัน บันทึกการเปลี่ยนแปลงเพื่อเปิดใช้งาน lazy loading: lazy loading มีผลกับบล็อก Joomla! ของคุณโดยอัตโนมัติ.

การทำงานของ Lazy Loading แบบโปรเกรสซีฟบน Joomla!

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

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

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

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

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

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

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

การโหลดแบบ Lazy Loading อย่างชาญฉลาดตามความสูงของหน้าจอ

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

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

Joomla SEO และการโหลดแบบ Lazy Loading

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

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

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

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

ตรวจสอบ Speed Cache สำหรับ Joomla:  https://www.joomunited.com/products/speed-cache