7 สุดยอดปลั๊กอิน WordPress Lazy Loading เพื่อทำให้เว็บไซต์ของคุณเร็วขึ้น - WPMyWeb
เผยแพร่แล้ว: 2017-02-01ไม่ต้องสงสัยเลยว่ารูปภาพดึงดูดผู้เยี่ยมชมให้อยู่นานขึ้นและเรียกดูหน้าเว็บมากขึ้น แต่การมีรูปภาพจำนวนมากบนหน้าเว็บจะเพิ่มเวลาในการโหลดหน้าเว็บได้อย่างมาก นอกจากนี้ยังอาจส่งผลต่อ SEO และปัจจัยการจัดอันดับของคุณ ดังนั้นการเพิ่ม ปลั๊กอิน Lazy Loading สามารถแก้ปัญหานี้ได้หากคุณใช้ WordPress
Lazy Loading คืออะไรและช่วยคุณได้อย่างไร?
Lazy Load เป็นเทคนิคการโหลดภาพที่อยู่ครึ่งหน้าบน นั่นหมายความว่ารูปภาพจะถูกโหลดเมื่อผู้ใช้ดูโดยการเลื่อน ตัวอย่างเช่น หากหน้าของคุณมี 10 ภาพ โดยปกติจะใช้เวลามากในการโหลด ดังนั้นปลั๊กอิน Lazy Loading จะโหลดภาพเหล่านั้นที่ผู้ใช้มองเห็นได้ วิธีนี้คุณสามารถเพิ่มความเร็วของไซต์และ ประหยัดแบนด์วิดท์ได้
หากคุณต้องการให้ไซต์ของคุณโหลดเร็วขึ้น ขอแนะนำให้ใช้ Lazy Loading ดังนั้นในบทความนี้ เราจึงระบุ 7 สุด ยอดปลั๊กอิน WordPress Lazy Loading ที่ฟรีและใช้งานง่าย
7 สุดยอดปลั๊กอิน WordPress Lazy Loading สำหรับ WordPress
#1 BJ ขี้เกียจโหลด
BJ Lazy Load เป็นหนึ่งใน ปลั๊กอิน Lazy Loading ที่ดีที่สุดสำหรับ WordPress ปลั๊กอินนี้โหลดเนื้อหาตามที่ปรากฏในหน้าต่างเบราว์เซอร์เมื่อผู้เยี่ยมชมเลื่อนหน้า
คุณสามารถใช้มันกับเนื้อหาของหน้า รูปภาพ ภาพขนาดย่อของโพสต์ Gravatars ฯลฯ นอกจากนี้ยังใช้งานได้กับวิดเจ็ตทดสอบและ iframes วิธีนี้จะทำให้ไซต์ของคุณโหลดเร็วขึ้นและช่วยประหยัดแบนด์วิดท์
การตั้งค่าปลั๊กอินนี้ง่ายมาก คุณเพียงแค่ต้องเปิดใช้งานและเปิดใช้งานตัวเลือกเหล่านั้นจาก BJ Lazy Load Options ไม่ใช้ไลบรารี JS ภายนอกและลดระดับลงอย่างสง่างามสำหรับผู้ที่ไม่ใช่ js
ฟีเจอร์หลัก:
- นำไปใช้กับเนื้อหา
- ขี้เกียจโหลด รูปภาพ และ วิดีโอฝังตัว
- นำไปใช้กับโพสต์ภาพขนาดย่อ
- นำไปใช้กับ Gravatars
- ขี้เกียจโหลด iframes
- เข้ากันได้กับปลั๊กอิน RICG Responsive Images
- ฟรี 100%
#2 a3 ขี้เกียจโหลด
a3 Lazy Load ขอแนะนำ ปลั๊กอิน WordPress Lazy Loading a3 Lazy Load ทำงานได้อย่างสมบูรณ์และล้ำหน้าซึ่งรองรับองค์ประกอบทุกประเภท จากแดชบอร์ดผู้ดูแลระบบ คุณสามารถกำหนดองค์ประกอบที่จะโหลดแบบ Lazy Loading ได้อย่างง่ายดายเมื่อมองเห็นได้ในเบราว์เซอร์ของผู้ใช้
ปลั๊กอินนี้ใช้งานได้กับทั้งพีซี แท็บเล็ต และโทรศัพท์ รองรับการฝังวิดีโอ WordPress ทั้งหมดรวมถึง Youtube, Vimeo และ HTML5 คุณยังสามารถเปลี่ยนเอฟเฟกต์และสีการโหลดพื้นหลังได้
ฟีเจอร์หลัก:
- การเปิดใช้งานการโหลดแบบขี้เกียจทันทีจากแผงผู้ดูแลระบบ WordPress
- ขี้เกียจโหลดรูปภาพ วิดีโอ และ iframes
- การเพิ่มประสิทธิภาพการโหลดสคริปต์
- มีปลั๊กอินเทมเพลตมือถือ WordPress
- นำไปใช้กับพื้นที่เนื้อหา พื้นที่วิดเจ็ต รูปภาพขนาดย่อของโพสต์ และ Gravatars
- มีเอฟเฟกต์และสไตล์ที่แตกต่างกัน
- เน้นมือถืออย่างเต็มที่
#3 ขี้เกียจโหลดXT
เช่นเดียวกับ ปลั๊กอิน Lazy Loading อื่น ๆ Lazy Load XT ให้คุณโหลดรูปภาพ, วิดีโอ YouTube และ Vimeo แบบขี้เกียจ ปลั๊กอินนี้โหลด
จากตัวเลือกการนำทาง AJAX คุณสามารถเปิดใช้งานการเลื่อนแบบไม่สิ้นสุด ไลท์บ็อกซ์ เป็นต้น โดยค่าเริ่มต้น ปลั๊กอินนี้จะโหลดสคริปต์โดยแทนที่แอตทริบิวต์ src ด้วย data-src.S เพื่อให้ผู้เยี่ยมชมสามารถเห็นเฉพาะเนื้อหาที่โหลดโดย Lazy Load XT . สิ่งนี้ยังช่วยปรับปรุงความเร็วเว็บไซต์ของคุณอีกด้วย
ฟีเจอร์หลัก:
- ขี้เกียจโหลดรูปภาพ วิดีโอ YouTube และ Vimeo และ iframes
- โหลดเวอร์ชันย่อของไฟล์ javascript และ CSS
- โหลดสคริปต์ในส่วนท้าย
- เปิดใช้งานการนำทาง AJAX
- เลื่อนไม่สิ้นสุด มีตัวเลือกไลท์บ็อกซ์ให้เลือก
- แสดงสปินเนอร์ขณะกำลังโหลดวัตถุ
#4 ขี้เกียจโหลด
Lazy Load เป็นปลั๊กอินที่ง่ายมากในการโหลดรูปภาพเว็บไซต์ของคุณ มันใช้ jQuery.sonar เพื่อโหลดรูปภาพเมื่อมองเห็นได้ในวิวพอร์ตเท่านั้น ปลั๊กอินนี้ไม่มีตัวเลือกในการปรับแต่ง ดังนั้นคุณเพียงแค่ต้องเปิดใช้งานและมันจะเริ่มทำงาน
หลังจากเปิดใช้งานปลั๊กอินนี้ ให้รีเฟรชหน้า/โพสต์ของคุณ (ซึ่งมีรูปภาพ) เพื่อดูผลลัพธ์
ฟีเจอร์หลัก:
- ปลั๊กอินที่ง่ายมากและไม่มีตัวเลือกเพิ่มเติม
- ขี้เกียจโหลดภาพ
#5 Rocket ขี้เกียจโหลด
Rocket Lazy Load ทำงานในลักษณะเดียวกับ Lazy Load ทำ (กล่าวถึง # 4) ปลั๊กอินนี้ใช้เทคนิคพิเศษที่ลดจำนวนคำขอ HTTP และปรับปรุงเวลาในการโหลด
ปลั๊กอินนี้มีน้ำหนักเบามากและไม่ได้ใช้ไลบรารี JavaScript เช่น jQuery คุณสามารถใช้มันกับภาพขนาดย่อ รูปภาพทั้งหมดในเนื้อหาโพสต์หรือในข้อความวิดเจ็ต รูปแทนตัว และสไมลี่
ไม่จำเป็นต้องมีการกำหนดค่า คุณเพียงแค่ต้องติดตั้งและปลั๊กอินจะทำทุกสิ่งเนื่องจากไม่มีตัวเลือกให้ใช้งาน
ฟีเจอร์หลัก:
- ปลั๊กอินที่มีน้ำหนักเบามาก
- ไม่ใช้จาวาสคริปต์ภายนอกใดๆ
- ลดจำนวนคำขอ HTTP
#6 ขี้เกียจบ้า
Crazy Lazy ช่วยเพิ่มประสิทธิภาพเว็บไซต์ของคุณโดยเพิ่ม Lazy Loading มันโหลดรูปภาพของบล็อกของคุณ เมื่อผู้เยี่ยมชมเลื่อนหน้าลงและไปถึงตำแหน่ง การใช้วิธีนี้ Crazy Lazy ช่วยลดเวลาในการโหลดหน้าเว็บและทรัพยากรเว็บโฮสติ้งได้อย่างมาก
คุณสามารถยกเว้นบางภาพจากการโหลดแบบ Lazy Loading เพิ่มแอตทริบิวต์ data-crazy-lazy="exclude" ให้กับรูปภาพและจะไม่โหลดโดยปลั๊กอิน
ปลั๊กอินนี้ไม่ต้องการการตั้งค่าใด ๆ เพิ่งเปิดใช้งานและจะเริ่มทำงาน
ฟีเจอร์หลัก:
- ใช้งานง่ายและไม่ต้องตั้งค่าใดๆ
- เครื่องมือค้นหาที่เป็นมิตร
- คุณสามารถแยกรูปภาพออกจากการโหลดแบบ Lazy Loading ได้
#7 รูปภาพ Lazyload และสไลด์โชว์
รูปภาพ Lazyload และสไลด์โชว์เป็น ปลั๊กอิน Lazy Loading ที่ยอดเยี่ยมอีกตัวสำหรับ WordPress หลังจากเปิดใช้งานจากตัวเลือกปลั๊กอิน มันจะขี้เกียจโหลดรูปภาพทั้งหมดในไซต์ทั้งหมด และเพิ่มเอฟเฟกต์ไลท์บ็อกซ์ เอฟเฟกต์สไลด์โชว์แกลเลอรีให้กับรูปภาพที่เลือกเอง
นอกจากนี้ ปลั๊กอินนี้ยังมีเอฟเฟกต์สไลด์โชว์ที่แตกต่างกัน 3 แบบ และคุณสามารถลบหรืออัปโหลดเอฟเฟกต์จากตัวเลือกปลั๊กอินได้ คุณสามารถเพิ่ม HTML ที่กำหนดเองลงไปได้
ฟีเจอร์หลัก:
- Lazy โหลดภาพทั้งหมดในเว็บไซต์ทั้งหมด
- เพิ่มเอฟเฟกต์ไลท์บ็อกซ์
- เพิ่มเอฟเฟกต์สไลด์โชว์แกลเลอรี
- เอฟเฟกต์สไลด์โชว์แบบกำหนดเองที่แตกต่างกัน 3 แบบ
- HTML ที่กำหนดเอง
หากคุณต้องการเพิ่มความเร็วไซต์ของคุณ ขอแนะนำให้ใช้ Lazy Loading ด้วยโฮสต์ที่ดี เทคนิคนี้ทำให้ไซต์ของคุณเร็วขึ้นอย่างไม่ต้องสงสัย
คุณอาจชอบบทความอื่น ๆ เพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ
- 19 เคล็ดลับที่ดีที่สุดในการเพิ่มความเร็ว WordPress(เพิ่มความเร็วไซต์โดย 200%)
- วิธีย่อ HTML, CSS และ JavaScript โดยใช้ Autoptimize Plugin
- 7 เครื่องมือเพิ่มประสิทธิภาพรูปภาพที่ดีที่สุดสำหรับ WordPress
*โพสต์นี้อาจมีลิงค์พันธมิตร ซึ่งหมายความว่าฉันอาจได้รับค่าธรรมเนียมเล็กน้อยหากคุณเลือกซื้อผ่านลิงก์ของฉัน (โดยไม่มีค่าใช้จ่ายเพิ่มเติมสำหรับคุณ) ซึ่งช่วยให้เราทำให้ WPMyWeb ทำงานและทันสมัยอยู่เสมอ ขอขอบคุณหากคุณใช้ลิงก์ของเรา เรายินดีเป็นอย่างยิ่ง! เรียนรู้เพิ่มเติม.