การลดขนาดไฟล์ JavaScript ช่วยลดขนาดเพย์โหลดและเวลาในการแยกวิเคราะห์สคริปต์ได้ ส่วนโอกาสของรายงาน Lighthouse จะแสดงไฟล์ JavaScript ทั้งหมดที่ไม่ได้กล่าวถึงขนาดย่อ รวมถึงค่าที่อาจลดได้เป็นกิบิไบต์ (KiB) เมื่อลดขนาดไฟล์เหล่านี้
![ภาพหน้าจอของการตรวจสอบ JavaScript ของ Lighthouse Minify](https://developer.chrome.com/static/docs/lighthouse/performance/unminified-javascript/image/a-screenshot-the-lightho-e35d561e16c6f.png?authuser=6&hl=th)
วิธีลดขนาดไฟล์ JavaScript
การลดขนาดเป็นขั้นตอนการนำช่องว่างและโค้ดใดๆ ที่ไม่จำเป็นสำหรับสร้างไฟล์โค้ดที่มีขนาดเล็กลงแต่ใช้ได้อย่างสมบูรณ์ Terser เป็นเครื่องมือบีบอัด JavaScript ยอดนิยม Webpack v4 มีปลั๊กอินสำหรับไลบรารีนี้โดยค่าเริ่มต้นเพื่อสร้างไฟล์บิลด์ที่มีการลดขนาด
คำแนะนำเฉพาะกลุ่ม
Drupal
ตรวจสอบว่าคุณได้เปิดใช้รวมไฟล์ JavaScript ในหน้าการดูแลระบบ > การกำหนดค่า > การพัฒนา คุณกำหนดค่าตัวเลือกการรวมขั้นสูงยิ่งขึ้นผ่านโมดูลเพิ่มเติมเพื่อเร่งความเร็วเว็บไซต์ได้ด้วยการเชื่อมโยง การลดขนาด และการบีบอัดเนื้อหา JavaScript
จูมลา
มีส่วนขยาย Joomla จำนวนมากที่ช่วยให้เว็บไซต์เร็วขึ้นได้ด้วยการลิงก์ ลดขนาด และบีบอัดสคริปต์ นอกจากนี้ยังมีเทมเพลตที่มีฟังก์ชันการทำงานนี้ด้วย
Magento
ใช้ Terser เพื่อลดขนาดเนื้อหา JavaScript ทั้งหมดจากการใช้งานเนื้อหาแบบคงที่และปิดใช้ฟีเจอร์การลดขนาดในตัว
โต้ตอบ
หากระบบในรุ่นของคุณลดขนาดไฟล์ JS โดยอัตโนมัติ โปรดตรวจสอบว่าคุณทำให้บิลด์ที่ใช้งานจริงของแอปพลิเคชันใช้งานได้ โดยใช้ส่วนขยายของ React Developer Tools
WordPress
มีปลั๊กอิน WordPress หลายอย่างที่ช่วยให้เว็บไซต์เร็วขึ้นได้ด้วยการลิงก์ ลดขนาด และบีบอัดสคริปต์ นอกจากนี้คุณอาจใช้กระบวนการบิลด์เพื่อลดขนาดล่วงหน้าหากเป็นไปได้