วิธีแก้ปัญหา 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. คลิกที่เมนู Plugins

3. คลิกที่ Add New

4. ที่ช่อง Keyword ทำการค้นหาปลั๊กอินโดยพิมพ์คำว่า Speed Booster Pack

5. เมื่อเจอแล้วให้คลิกที่ Install Now

6. คลิกที่ Activate

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

1. คลิกที่เมนู Speed Booster

2. คลิกที่แท็บ Assets

3. ตั้ง Enable/Disable Assets ให้เป็น ON

4. เลื่อนลงมาด้านล่าง จากนั้นตั้ง Move JavaScript to footer ให้เป็น ON

5. คลิกที่แท็บ Optimize CSS

5. ตั้ง Enable/Disable Optimize CSS ให้เป็น ON

6. เลื่อนลงมาด้านล่าง จากนั้นตั้ง Inline all CSS และ Minify all inline CSS ให้เป็น ON

7. คลิกที่แท็บ Caching

8. ตั้ง Enable/Disable Caching ให้เป็น ON

9. เลื่อนเมาส์ไปที่ Speed Booster ตรง admin bar จากนั้นคลิกที่ Clear Cache

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

Was this article helpful?

Related Articles