[Blog] รีวิวจัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

วันนี้มาเล่าถึงขั้นตอนการจัดระเบียบ WordPress ซะหน่อย พอดีมีโอกาสไปร่วมงาน WordPress Meetup ที่พูดถึงการ Optimize WordPress ให้เร็ว แรง! จบงานก็คันไม้คันคือ เลยมารื้อ ppkppk.com จนได้ออกมาอย่างที่เห็นอยู่นี้

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

คลิกดู >> Slides ในงาน WordPress Meetup ในหัวข้อ Optimize WordPress ยังไงให้เร็ว แรง!

เข้าไปอ่านกันได้ มีข้อควรทำและไม่ควรทำอยู่ในนั้นล่ะ ลองนำมาปรับกันดู

เพื่อความกระชับ เราจะเขียนเป็นข้อๆ พร้อมแปะภาพผลการทดสอบ Google PageSpeed Insight ให้ดูไปด้วย จะได้เห็นการเปลี่ยนแปลงกันไป

เริ่มจาก… ผลการทดสอบ PageSpeed ของเวอร์ชั่นก่อนปรับปรุง

สถานการณ์น่าเป็นห่วงมากค่ะ แดงเชียว

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

วิธี Optimize WordPress ให้โหลดเร็ว

อย่าลืม Backup ก่อนทุกครั้ง ทุกครั้ง ทุกครั้ง!

1. เริ่มจาก deactivate plugin ทั้งหมด ไม่เปิดใช้เลยสักตัวเดียว (จากประมาณ 13 ตัว)

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

แต่ผลการทดสอบไม่ค่อยเปลี่ยนแปลงเท่าไหร่

2. ลองเอา plugin กลับมา แต่เปลี่ยน theme เป็นตัวใหม่ดู… (จาก Ribbon เป็น Casper)

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

เออ อันนี้เร็วขึ้นชัดเจน ไม่แดงแล้ว!

3. จากนั้นก็ deactivate plugin ให้หมดทุกตัวอีกครั้ง

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

มาถึงตรงนี้สรุปได้ว่า plugin ที่ใช้ ไม่ค่อยมีผลกับ speed เท่าไหร่

แต่ theme นี่ปัญหาหลักเลย

4. ขั้นตอนต่อไป ลองสร้าง database ใหม่ (install WordPress ใหม่เลย) แล้ว import Post & Media เข้ามา จากนั้นลองชี้ไปที่ database ตัวใหม่นี้ดู

(ตรงนี้จะได้เรื่องความสะอาดของ table wp_options)

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

ไม่ดีขึ้นแฮะ…

5. สุดท้ายลองมาโฟกัสที่การลดขนาดไฟล์ของรูปภาพในบทความกันบ้าง

ในที่นี้ใช้เว็บ TinyPNG.com สะดวกดี (ทำใน FTP นะคะ อัพโหลดไฟล์ที่บีบอัดแล้วขึ้นไปทับของเดิม)

เช็ค speed ในหน้าบทความ **ก่อนทำ**

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

ปิดท้ายด้วย สรุปผลการทดลอง **หลังทำทุกอย่างที่กล่าวมา**

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

WordPress Optimize จัดระเบียบ WordPress ใหม่ โหลดไวกว่าเดิม!

ขยับขึ้นมาอีกนิดนึง ก็ยังดี ฮา

แต่ก็ยังมีปัญหาที่แก้ไม่ได้อยู่ หลักๆเลยคือ above-the-fold ที่เกี่ยวข้องกับการเรียก JS / CSS อะไรพวกนั้นแหละ ยังไม่มีเวลาทำความเข้าใจ

**above-the-fold คือหน้าจอแรกที่ visitor จะมองเห็นเมื่อเข้ามาใน website ของเรา Google

สำหรับใครที่อยากลองปรับแต่ง Optimize WordPress ดูบ้าง ก็อย่าลืม…

Backup ทุกอย่างไว้ในที่ปลอดภัย

สำหรับวันนี้ สวัสดีค่ะ

 

Leave a Reply

Your email address will not be published. Required fields are marked *