วิธีบีบอัดไฟล์ภาพด้วยปลั๊กอิน Imagify เพื่อเพิ่มคะแนนความเร็วให้กับเว็บ

ส่วนตัวไม่บีบอัดไฟล์ภาพเว็บก็ไม่เคยรู้สึกว่าเข้าเว็บตัวเองช้า แต่คะแนนใน PageSpeed Insights ของ Google ค่อนข้างต่ำ ผมเป็นห่วงตรงนี้มากกว่าเพราะมันจะส่งผลต่อ SEO

แต่อย่างแรกที่ทำคือหาปลั๊กอินแคชเว็บดีๆ แล้วผมก็ไปซื้อ WP Rocket มาลอง ปรากฏว่ามันไม่ได้ดีอย่างที่หลายคนว่าไว้ (นอกจากตั้งค่าง่าย) เพราะฟีเจอร์ Lazyload มันใช้กับเว็บผมไม่ได้ ผมกำลังหาทางปรับให้เว็บผมดีขึ้นอยู่

แล้วก็มาเจอ Imagify ปลั๊กอินบีบไฟล์ภาพที่นักพัฒนาบอกว่า เขามีส่วนในการสร้าง WP Rocket ขึ้นมา ดังนั้นมันต้องทำงานร่วมกับปลั๊กอินตัวนี้ได้อย่างดี

imagify

ดาวน์โหลดปลั๊กอิน > Imagify Image Optimizer

ข้อจำกัด

บีบอัดไฟล์ภาพฟรีเดือนละ 25mb แต่สำหรับคนที่ใช้ครั้งแรกเขาแถมให้อีก 75mb รวมเป็น 100mb คำนวณคร่าวๆน่าจะบีบอัดได้ประมาณ 600 ภาพ

ส่วนตัวไม่มีปัญหากับข้อจำกัดนี้ แม้จะเป็นเว็บที่มีไฟล์ภาพเยอะ แต่ภาพในบทความผมฝากไว้กับ Flickr ดังนั้นภาพที่มีก็จะมีแค่ส่วนที่เป็น featured image ส่วนเว็บใครที่มีภาพเยอะ (มากกว่าเดือนละ 150 ภาพ) อาจจะต้องมองหาปลั๊กอินตัวใหม่ หรือจ่ายเพิ่ม $4.99 ต่อเดือน สำหรับบีบอัดไฟล์รูป 1GB

วิธีใช้ Imagify

Imagify Image Optimizer

หลังจากเปิดใช้ปลั๊กอิน ทำตามขั้นตอนข้างบนนี้ เขาจะให้สมัครสมาชิกแล้วส่ง API เข้าอีเมล์

Imagify Image Optimizer

สำหรับการตั้งค่า เข้าเมนู ตั้งค่า > imagify หลักๆเป็นตัวเลือกขนาดไฟล์ภาพ ..แต่ส่วนตัวไม่ได้ปรับอะไรเลย ปล่อยไว้แบบนี้

Imagify Image Optimizer

จากนั้นเข้าเมนู ไฟล์สื่อ > Bulk Optimization แล้วคลิก Start The Bulk Optimization ปล๊กอินก็จะเริ่มบีบอัดรูปภาพทั้งหมดในเว็บ

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

ถ้ารูปไหน error ค่อยมาทำซ้ำได้ แต่ไม่ต้องกลัวว่าจะนานเหมือนรอบแรก รูปไหนที่บีบอัดเสร็จแล้วมันก็จะผ่านไป

Imagify Image Optimizer

ระหว่างที่บีบอัดรูป ดูขีดเขียวๆข้างบน เขาจะบอกว่าเดือนนี้คุณเหลือเครดิตใช้งานเท่าไหร่

และถ้าบีบอัดแล้วจะมีป้ายเขียวๆใญ่ๆขึ้นมาบอกว่า Complete (หรือ Success นะผมจำไม่ได้)

มาดูผล

Imagify Image Optimizer

ก่อนบีบอัด คะแนนความเร็วเว็บมือถือวัดกับ PageSpeed Insightได้ 65 สำหรับเดสก์ทอปได้ 64 เป็นคะแนนที่ไม่ได้ต่ำมาก เพราะเข้าเว็บก็ไม่ได้รู้สึกช้าเลยเมื่อเทียบกับอีกหลายๆเว็บ แต่อยากได้ SEO ดีๆมันต้องพัฒนาตรงนี้เพื่อเอาใจ Google

Imagify Image Optimizer

หลังบีบอัด คะแนนเว็บมือถือเพิ่มขึ้นมานิดหน่อย 3 คะแนน และคะแนนเดสก์ทอปได้ 69 เพิ่มขึ้นมาอีก 5 คะแนน อาจจะเป็นคะแนนความเร็วที่น้อยแต่ก็เป็นส่วนสำคัญที่ Google แนะนำให้แก้ไขก่อน

จริงๆแล้วยังมีเรื่องของ Java และ CSS ในครึ่งหน้าบน ส่วนหนึ่งมันเพราะ Adsense ของ Google เองเลยไม่รู้จะแก้อย่างไร และถ้ามีปลั๊กอินเพิ่มความเร็วเว็บตัวอื่นๆที่ใช้แล้วดี แล้วหามาแนะนำ ตอนนี้กำลังศึกษา WP Rocket อยู่ครับ

You might also like More from author