ข้ามไปที่เนื้อหาหลัก
เวลาอ่าน 3 นาที (636 คำ)

กำลังโหลดรูปภาพ - Lazy Loading โปรเกรสซีฟบน WordPress

ปิดบัง

สื่อเปลี่ยนบล็อก WordPress ที่ปลอดเชื้อให้กลายเป็นเว็บไซต์ที่มีชีวิตและคึกคัก แต่ความจริงที่ยากก็คือไฟล์และ SEO นั้นเข้ากันไม่ได้ ไม่มีอะไรจะพูดมากในทางตรงกันข้าม - เวลาในการโหลดที่ช้าลงทำให้คะแนน SEO ลดลง อย่างไรก็ตามไม่ใช่ความหวังทั้งหมดจะหายไป ไม่กี่เดือนที่ผ่านมาเราได้พูดคุยเกี่ยวกับวิธี WP Speed of Light ช่วยลดปัญหาที่มี lazy loading ตอนนี้เรากำลังก้าวไปอีกขั้น

 

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

 

ในเวอร์ชัน 2.5 ของปลั๊กอิน WordPress คุณลักษณะการ lazy loading ได้รับการปรับปรุงเพื่อให้ตอบสนองต่ออุปกรณ์ของผู้ชมและขีดจำกัดได้มากขึ้นอีกเล็กน้อย WP Speed of Light lazy loading ซ้ำล่าสุดของ WP Speed of Light นั้นตอบสนองได้ดีกว่า โดยเฉพาะกับผู้ใช้มือถือระดับล่างหรือความเร็วอินเทอร์เน็ตที่ช้า

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

 

ภาพที่กระจ่างขึ้น

อะไรคือสิ่งที่ดีที่สุดเกี่ยวกับการอัปเดตล่าสุดของ WP Speed of Light ? หากคุณมีโปรเสริมสำหรับปลั๊กอิน WordPress คุณแทบจะไม่ต้องขยับนิ้วเลย หากต้องการตั้งค่า lazy loading ให้ไปที่ เมนู การ เพิ่มประสิทธิภาพความเร็ว ของ WP Speed of Light จากนั้น เปิดใช้งาน รูปภาพแบบ lazy loading จาก แท็บ speedup

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

 

โปรเกรสซี-ขี้เกียจ-โหลด-เปิดใช้งาน

 

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

 

Progressive Lazy Loading และ SEO บน WordPress

อย่างไรก็ตาม คำถามล้านดอลลาร์คือการ lazy loading รูปภาพใหม่แบบ lazy loading ส่งผลต่อ SEO อย่างไร ท้ายที่สุด ตัวยึดตำแหน่งภาพเบลอจะไม่เพิ่มเวลาในการโหลดให้มากขึ้นใช่หรือไม่ ในความเป็นจริงใช่ ในทางปฏิบัติไม่เลย ตัวยึดตำแหน่ง WP Speed of Light เป็นภาพขนาดเล็ก 20 พิกเซลที่ใช้เวลาในการโหลดเล็กน้อย โดยไม่เพิ่มค่าใช้จ่ายให้กับเวลาในการโหลด SEO ของคุณ ในเวลาเดียวกัน การเบลอภาพจะซ่อนสิ่งประดิษฐ์ที่เป็นพิกเซลของภาพคุณภาพต่ำ

และเช่นเดียวกับในเวอร์ชันก่อนหน้าของการ lazy loading ภาพองค์ประกอบ SEO HTML ทั้งหมดจะถูกโหลดในช็อตแรก (ไม่ lazy loading ) ดังนั้น Google bots และอื่นๆ สามารถอ่านชื่อไฟล์รูปภาพ ชื่อเรื่อง แท็ก alt ได้

 

image-lazy-loadin-seo

 

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

 

image-lazy-loading

 

หากคุณต้องการปรับใช้การ lazy loading โปรเกรสซีฟ บนเว็บไซต์ WordPress ของคุณ เพียงไปที่ลิงก์นี้: https://www.joomunited.com/wp-speed-of-light

WP Speed of Light ติ้ง ทั้งหมดบนอินเทอร์เน็ต ตัวอย่างเช่น Cloudways เป็นตัวอย่างที่สมบูรณ์แบบของบริการยอดนิยม

4
รับทราบข้อมูล

เมื่อคุณสมัครรับข้อมูลจากบล็อก เราจะส่งอีเมลถึงคุณเมื่อมีข้อมูลอัปเดตใหม่ๆ บนเว็บไซต์ ดังนั้นคุณจะไม่พลาดข่าวสารเหล่านี้

กระทู้ที่เกี่ยวข้อง

 

ความคิดเห็น

ยังไม่มีความคิดเห็น เป็นคนแรกที่แสดงความคิดเห็น
ลงทะเบียนเรียบร้อยแล้ว? เข้าสู่ระบบที่นี่
วันเสาร์ที่ 27 เมษายน 2024

แคปต์ชาอิมเมจ