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

Remove unused JavaScript คืออะไร

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

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

วิธีการแก้ไขแนะนำให้ติดตั้งปลั๊กอิน 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