Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> ระบบเครือข่าย >> อินเทอร์เน็ต

ใช้ Optimus สำหรับ WordPress ลดขนาดรูปภาพ เพิ่มความเร็วโหลดเว็บ

ถ้าคุณเป็น Webmaster ดูแลธุรกิจออนไลน์ คุณรู้ว่าปัจจัยสำคัญในการ Rank ดีบน Google คือเว็บโหลดเร็ว คำแนะนำที่ได้ยินบ่อยคือ Optimize รูปภาพให้ขนาดเล็กที่สุดเพื่อไม่ให้ช้าเว็บ ถ้าใช้ WordPress Optimus คือปลั๊กอิน Optimize รูปภาพที่ควรลอง

Optimus คืออะไร?

Optimus เป็นปลั๊กอิน WordPress (พัฒนาโดย KeyCDN) ที่ Optimize รูปภาพที่อัปโหลด ลดขนาดได้สูงสุด 70%

ใช้ Optimus สำหรับ WordPress ลดขนาดรูปภาพ เพิ่มความเร็วโหลดเว็บ

เวลาอัปโหลดรูปใหม่ใน WordPress รูปจะส่งไป Server Optimus.io เพื่อ Optimize รูปที่ Optimize แล้วจะส่งกลับมาทับไฟล์เดิม ทุกขั้นตอนทำในพื้นหลัง Real-time

Optimus ใช้ Lossless Compression คุณภาพรูปไม่ได้รับผลกระทบ ยังลบ Metadata ที่ไม่จำเป็นออกเพื่อลดขนาดไฟล์

ปลั๊กอินฟรี แต่มีข้อจำกัด 100KB ต่อรูป อัปเกรดเป็น Optimus HQ ($19/ปี) แปลงรูปเป็น .webp ลดขนาดเพิ่มเติม หมายเหตุ: .webp รองรับเฉพาะ Chrome และ Opera

เปรียบเทียบการบีบอัดรูปภาพ

ทดสอบ Optimus เทียบ WP Smush, Kraken และ Optimus ใช้รูปภูเขาฟูจิ ขนาดต้นฉบับ 669,982 bytes (672 KB)

ใช้ Optimus สำหรับ WordPress ลดขนาดรูปภาพ เพิ่มความเร็วโหลดเว็บ

ผลลัพธ์หลัง Optimize ด้วยปลั๊กอินทั้ง 3

ใช้ Optimus สำหรับ WordPress ลดขนาดรูปภาพ เพิ่มความเร็วโหลดเว็บ

Image Optimization ServiceOriginal Image Size (bytes)Compressed Image Size (bytes)Saving (%)
Optimus669,982577,33713.83
WP Smush669,982577,36713.82
Kraken (Lossless)669,982631,6535.72
Kraken (Lossy)669,982111,56383.35
Optimus (webp)669,982109,92283.59

Lossless: Optimus ดีที่สุด เทียบเท่า WP Smush Kraken ตามหลังแค่ 5%

แต่ Kraken Lossy ลด 83% vs 13% ของ Optimus Lossless แต่ .webp ของ Optimus ใกล้เคียง Lossy ที่ 83.59%

หมายเหตุ: WP Smush มี Lossy แต่ต้อง Pro จึงไม่ได้ทดสอบ

การ Serve รูป .webp

.webp รองรับแค่ Chrome และ Opera คำถามคือ " كيف serve .webp ให้เบราว์เซอร์ที่รองรับอย่างเดียว?" นี่คือที่มาของปลั๊กอิน WordPress Cache Enabler ผู้พัฒนาเดียวกับ Optimus สร้างเวอร์ชัน Static 2 เวอร์ชัน: รูปปกติ และ .webp ตรวจจับเบราว์เซอร์รองรับ .webp หรือไม่ Serve เวอร์ชันที่เหมาะสม คล้าย Page Caching อย่าง W3 Total Cache หรือ WP Super Cache แต่มี .webp Support

สรุป

อยากลดขนาดสูงสุด ไม่สนคุณภาพลดนิดหน่อย: Kraken Image Optimizer (เราใช้ที่ MakeTechEasier) แต่ถ้าอยาก Lossless พร้อม .webp Support: Optimus ร่วมกับ KeyCDN Network และ WP Cache Enabler จะเพิ่มความเร็วโหลดเว็บได้มาก