วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ WordPress

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

ปัญหาแรกที่หลายคนเจอกันก็คือค่า config ดั้งเดิมมักจำกัดให้อัพโหลดไฟล์รูปขนาดไม่เกิน 2 MB ซึ่งหลายครั้งมันก็ไม่สะดวก ดังนั้นสิ่งที่ผมทำก็คือแก้ค่า config ส่วนนี้… ถ้าทำไม่เป็นลองติดต่อทางโฮสที่ใช้บริการดูครับ

แต่หลังจากที่แก้ค่าอัพโหลดให้เกิน 2 MB สิ่งที่ตามมาก็คือไฟล์ที่ใหญ่เกินไป และสิ่งเบื้องต้นที่ทำได้ก็คือการ resize ขนาดความกว้างยาวของรูป ซึ่งช่วยได้ดีนักล่ะ แม้ว่าที่ถูกที่ควรคือการ resize ก่อนทำการอัพโหลด แต่ก็อย่างที่บอกล่ะครับบางทีมันก็ไม่สะดวก ดังนั้นวิธีง่ายๆ ที่ผมแนะนำก็คือติดตั้ง plugin Imsanity

ตัวนี้เกิดมาเพื่อ resize ภาพโดยเฉพาะและใช้ง่ายมาก ก็แค่ตั้งขนาดภาพใหญ่สุดที่เราต้องการแล้วเราก็ใช้งานเหมือนเดิมทุกอย่าง ที่เหลือ Imsanity จัดการให้เองครับ

วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ wordpress - วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ Wordpress

จะเห็นว่ามันมีตัวเลือก Convert PNG To JPG เพราะบ่อยครั้งที่ไฟล์ png ก็มีขนาดไฟล์ใหญ่จนน่าตกใจ แต่พอแปลงเป็น jpg ก็ลงลงเหลือไม่กี่ KB แต่ถ้าเป็นไปได้ก็ควรแปลงไฟล์ก่อนอัพโหลดอีกนั่นแหละ จะได้ไม่เปลืองแรงเซิฟเวอร์

หลังจากที่รู้จักตัวช่วย resize แล้วต่อมาก็เป็นการ optimize ด้วยการบีบอัดลดขนาดไฟล์ ซึ่งผมหมายถึงรูปยังมีขนาดกว้างยาวเท่าเดิม แต่ใช้พื้นที่น้อยลงโดยที่คุณภาพใกล้เคียงของเดิม ซึ่งตัวที่ผมเคยใช้และชอบก็คือ EWWW Image Optimizer เพราะมันฟรีและลดขนาดได้จริง

วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ wordpress - วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ Wordpress

วิธีใช้ก็ตั้งค่า setting ให้เรียบร้อยตามชอบ ซึ่งผมแนะนำว่าไม่ควรให้มัน optimize PNG เพราะจะใช้เวลานานมาก และข้อเสียของ EWWW Image Optimizer ก็คือมันจะทำการ optimize ตอนที่เราอัพโหลดรูปทันที ทำให้ใช้เวลาประมวลผลนานกว่าปรกติก่อนที่จะกด insert รูปลงบทความได้ และในกรณีที่มีรูปเก่าๆ ที่ยังไม่ได้ลดขนาดก็มีตัว Bulk optimizer ไว้จัดการลดขนาดรูปแบบทั้งเว็บเลย

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

วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ wordpress - วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ Wordpress

จะเห็นว่ามันคิดเงินตั้งแต่รูปแรกเลย ประเด็นก็คือการอัพรูปบน WordPress มันจะถูกแตกแยกย่อยอย่างน้อย 4 ไฟล์คือ

  1. Original
  2. Thumbnail
  3. Medium
  4. Large

แต่กรณีที่มี plugin ก็อาจแยกย่อยเยอะกว่านี้ นั่นหมายความว่าการอัพโหลด 1 รูป จะต้อง optimize อย่างน้อย 4 รูปเพื่อให้ได้ผลลัพธ์ที่ดีที่สุด ซึ่งถ้าคิดจะใช้แบบเสียเงินก็มีค่ายอื่นๆ ให้เลือกพอตัว ที่ดังหน่อยก็อย่าง TinyPNG ซึ่งเจ้านี้ให้ฟรี 500 รูปแรก

วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ wordpress - วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ Wordpress

หรือถ้าเป็น Kraken ก็จะใช้วิธีคิดเงินแบบรายเดือนโดยคิดตามขนาดไฟล์ ต่างจาก EWWW Image Optimizer และ TinyPNG ที่คิดตามจำนวนรูป

วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ wordpress - วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ Wordpress

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

ข้อดีของมันคือฟรี 100 รูปทุกเดือนและมันมีแพคเกจให้เลือก 2 แบบตามใจชอบ คือจ่ายรายเดือนหรือจะซื้อแบบ one-time ก็ได้ …ผมเลือกซื้อแบบ one-time และมันก็ฟรีอีก 100 รูปทุกเดือนเหมือนกัน

วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ wordpress - วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ Wordpress
วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ wordpress - วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ Wordpress

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

วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ wordpress - วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ Wordpress

และแนะนำให้เลือกหัวข้อ Thumbnail ด้วยเพราะมันคือการ optimize ไฟล์ขนาดต่างๆ ที่ถูก WordPress สร้างเพิ่มนอกจากตัว Original ซึ่งพวก Thumbnail นี่แหละที่ถูกใช้จริงบนหน้าเว็บ ส่วน Image Backup ก็สำหรับคนที่ต้องการเก็บไฟล์ต้นฉบับไว้แต่ผมไม่เก็บครับ มันเปลืองพื้นที่โฮส

อีกส่วนก็คือการ Resize … พูดง่ายๆ ว่าใช้ ShortPixel ตัวเดียวก็ไม่จำเป็นต้องมี Imsanity อีกแล้วล่ะ ทีนี้มาดูตัวอย่าง report ว่ามันช่วยลดขนาดไฟล์ไปเท่าไรกันบ้าง

วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ wordpress - วิธีทำให้เว็บโหลดเร็วขึ้นด้วยการลดขนาดไฟล์ภาพสำหรับ Wordpress

จะเห็นว่าบางไฟล์ถูกบีบอัดลดขนาดลงไปราว 50% เลยทีเดียว และข้อดีของ ShortPixel ก็คือถ้ารูปไหนที่ optimize ได้น้อยกว่า 5% เค้าจะไม่นับให้เสียโควตาครับ …จัดอยู่ในกลุ่ม Bonus processing

และ ShortPixel มันมีระบบ Referral คือถ้าแนะนำให้เพื่อนสมัครก็ได้จะได้โควตาใช้ฟรีอีก 100 รูปทุกเดือนทั้งคนชวนและคนถูกชวนครับ ฉะนั้นถ้าสนใจก็สมัครผ่านลิ้งนี้ครับ ShortPixel …ได้โควตาเพิ่ม 100 รูปในทุกเดือน

แต่ถ้าอยากประหยัดงบสุดๆ ก็ลองหาโปรแกรมมาลงบนเครื่องแล้ว optimize ก่อนที่จะอัพโหลดครับ ลองดูจากบทความนี้ได้ครับ และแม้ว่าดูจาก Report มันอาจลดขนาดไปไม่เยอะมาก แต่สำหรับ WordPress ซึ่งมีจำนวนรูปมหาศาลเนี่ยมันเห็นผลมากครับ อย่างเว็บ bacidea.com ที่อ่านอยู่เนี่ย ก็ลดขนาดไปราว 1.5 GB เลย

เรื่องที่คุณอาจสนใจ :  แก้ปัญหา ลืมรหัสล็อกหน้าจอ Android ทำอย่างไร? มาดูกัน
แสดงความเห็น
เปรียบเทียบรายการ
  • Total (0)
เปรียบเทียบ
0