การ Lazy Loading ก้าวหน้าสำหรับ Joomla

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

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

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

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

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

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

ยกเว้นรูปภาพจาก Joomla!

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

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

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

วิธี Progressive Lazy Loading บน Joomla!

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

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

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

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

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

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

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

Smart Lazy Loading ตามความสูงของหน้าจอ

Lazy loading คือทั้งหมดที่เกี่ยวกับการเลื่อนและความสูงของหน้าจอ Speed Cache lazy loading Speed Cache นั้นฉลาดมากในลักษณะที่ใช้กับความสูงของหน้าจอปัจจุบันเท่านั้น (ตามวิวพอร์ต) และโหลดล่วงหน้าในครั้งต่อไป ดังนั้นหากคุณมีการเชื่อมต่อที่รวดเร็วหรือหากคุณเลื่อนช้า คุณจะไม่ได้สังเกตว่ามีการเปิดใช้การ 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