วิธีแก้ปัญหา Remove unused CSS สำหรับ WordPress

Remove unused CSS คืออะไร

Remove unused CSS จะเกิดขึ้นในกรณีที่เว็บของคุณมีไฟล์ CSS ที่ไม่ได้ใช้ ทำให้เบราว์เซอร์จำเป็นต้องโหลดไฟล์ที่ไม่ได้ใช้นั้นด้วย ส่งผลทำให้เว็บช้า ซึ่งหากคุณเอาเว็บไปทดสอบใน Google PageSpeed Insight ก็จะพบปัญหานี้เกิดขึ้น ยิ่งพัฒนาเว็บด้วย WordPress แล้วมีการติดตั้งปลั๊กอินเยอะๆ มันก็จะโหลดปลั๊กอินที่มีทั้งหมดทุกครั้ง แม้ว่าปลั๊กอินบางตัวไม่ได้ใช้ในหน้าเว็บนั้นก็ตาม เลยเป็นผลทำให้เว็บของคุณโหลดช้า

สำหรับวิธีแก้ไขปัญหานี้ ทางเราแนะนำให้ใช้ปลั๊กอิน Speed Booster Pack โดยมีขั้นตอนดังนี้

ในกรณีที่ไม่เคยติดตั้งปลั๊กอินนี้มาก่อน สามารถดูขั้นตอนการติดตั้งที่ล่างนี้ได้เลยนะคะ แต่ถ้าใครติดตั้งแล้ว สามารถข้ามขั้นตอนนี้ไปได้เลยนะคะ

การติดตั้งปลั๊กอิน Speed Booster Pack

1. ทำการ Login เข้าสู่หน้า Dashboard ของ WordPress

2. มาที่ Plugin => Addnew ที่ช่องค้นหาให้พิมพ์คำว่า “Speed Booster Pack” เมื่อเจอแล้วให้คลิกที่ Install Now

3. คลิกที่ Activate

วิธีการตั้งค่า

4. ที่เมนูด้านซ้ายคลิกที่ Speed Booster => Dashboard

5. คลิกที่แท้บ Assets เปิด Enable/Disable Assets ให้เป็น ON

6. ทำการตั้งค่า ดังนี้

  • Optimize JavaScript ให้เลือกเป็น Move to footer
  • Inline all CSS ให้เปิดเป็น ON
  • Minify all inline CSS ให้เปิดเป็น ON

7. ที่แท้บ Caching เปิด Enable/Disable Caching ให้เป็น ON

8. จากนั้ clear ค่า cache โดยคลิกที่ Clear Cache ด้านบน ตามรูป

9. จากนั้นไปที่ Google PageSpeed Insight เพื่อทดสอบอีกครั้ง ปัญหา Remove unused JavaScript และ CSS จะหายไป

Was this article helpful?

Related Articles