Remove unused JavaScript คืออะไร

Remove unused JavaScript จะเกิดขึ้นในกรณีที่เว็บของคุณมีสคริปต์ JavaScript ที่ไม่จำเป็น หรือไม่ได้ใช้ ทำให้ผู้ชมต้องโหลดไฟล์ที่ไม่จำเป็น ทำให้เว็บโหลดช้า โดยเรามักจะพบการแจ้งเตือนของปัญหานี้ผ่านทาง 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. คลิกที่เมนู 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 JavaScript จะหายไป