วิธีแก้ eliminate render-blocking resources ใน WordPress

Eliminate render-blocking resources WordPress

ปกติแล้วใน WordPress นั้นเราจะไม่สามารถไปเลื่อนการ Preload Script ได้เองง่ายๆ เราจึงจำเป็นต้องใช้ปลั๊กอินช่วย ซึ่งจากการทดสอบแล้วตัวที่ใช้ง่าย เบา ไม่เรื่องมาก ขอยกให้ปลั๊กอิน Speed Booster Pack โดยปลั๊กอินนี้จะช่วยในการจัดการกับไฟล์ CSS และ JavaScript ช่วยให้เว็บของเราโหลดได้เร็วขึ้น แถมยังมีฟีเจอร์อื่นๆ ที่น่าสนใจ เช่นการ Cache, Minify Code และ Lazy Load Media

เริ่มจากลงชื่อเข้าสู่ระบบ WordPress

ติดตั้งและเปิดใช้งานปลั๊กอิน Speed Booster Pack

เมื่อเปิดใช้งานปลั๊กอินแล้วระบบจะพามาที่หน้า dashboard ของปลั๊กอิน Speed Booster ให้คลิกที่แท็บ Assets

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

ต่อไปตั้ง Move JavaScript to footer ให้เป็น ON

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

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

ตั้ง Enable/Disable Optimize CSS, Inline all CSS และ Minify all inlined CSS ให้เป็น ON จากนั้นคลิกที่ Save

สำหรับใครที่ต้องการใช้ระบบ cache ของปลั๊กอินนี้ด้วยก็สามารถเปิดใช้งานได้โดยคลิกที่แท็บ Caching

ตั้ง Enable/Disable Caching ให้เป็น ON จากนั้นคลิกที่ Save

ข้อควรระวัง : การเปิดใช้งานระบบ cache จะต้องไม่มีการเปิดใช้งานปลั๊กอิน cache อื่นๆ เช่น WP Super Cache, WP Fastest Cache หรือ WP Rocket อยู่ก่อนแล้วเพราะจะทำงานชนกันแล้วเกิด error ได้

Was this article helpful?

Related Articles