ข้ามไปยังเนื้อหาหลัก
ใช้เวลาอ่าน 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 ตอบสนองได้ดีกว่า โดยเฉพาะอย่างยิ่งสำหรับผู้ใช้มือถือระดับล่างหรือผู้ที่มีความเร็วอินเทอร์เน็ตช้า.

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

 

ไขความลับของภาพ

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

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

 

การเปิดใช้งานการโหลดแบบค่อยเป็นค่อยไป

 

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

 

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

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

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

 

image-lazy-loadin-seo

 

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

 

การโหลดรูปภาพแบบเลซี่

 

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

WP Speed of Light มีประสิทธิภาพบนบริการโฮสติ้งทุกประเภทบนอินเทอร์เน็ต ตัวอย่างเช่น Cloudways เป็นตัวอย่างที่ดีของบริการยอด นิยม

ติดตามข่าวสารอยู่เสมอ

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

บทความที่เกี่ยวข้อง

 

ความคิดเห็น

ยังไม่มีความคิดเห็นใดๆ เป็นคนแรกที่แสดงความคิดเห็นได้เลย
ลงทะเบียนแล้วใช่ไหม? เข้าสู่ระบบที่นี่
วันพุธที่ 4 กุมภาพันธ์ พ.ศ. 2569

รูปภาพ Captcha

An Error Occurred: Whoops, looks like something went wrong.

Sorry, there was a problem we could not recover from.

The server returned a "500 - Whoops, looks like something went wrong."

Help me resolve this