ลดขนาด JavaScript
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
การลดขนาดไฟล์ JavaScript ช่วยลดขนาดเพย์โหลดและเวลาในการแยกวิเคราะห์สคริปต์ได้
ส่วนโอกาสของรายงาน Lighthouse จะแสดงไฟล์ JavaScript ทั้งหมดที่ไม่ได้กล่าวถึงขนาดย่อ รวมถึงค่าที่อาจลดได้เป็นกิบิไบต์ (KiB) เมื่อลดขนาดไฟล์เหล่านี้
วิธีลดขนาดไฟล์ JavaScript
การลดขนาดเป็นขั้นตอนการนำช่องว่างและโค้ดใดๆ ที่ไม่จำเป็นสำหรับสร้างไฟล์โค้ดที่มีขนาดเล็กลงแต่ใช้ได้อย่างสมบูรณ์
Terser เป็นเครื่องมือบีบอัด JavaScript ยอดนิยม Webpack v4 มีปลั๊กอินสำหรับไลบรารีนี้โดยค่าเริ่มต้นเพื่อสร้างไฟล์บิลด์ที่มีการลดขนาด
คำแนะนำเฉพาะกลุ่ม
Drupal
ตรวจสอบว่าคุณได้เปิดใช้รวมไฟล์ JavaScript ในหน้าการดูแลระบบ > การกำหนดค่า > การพัฒนา
คุณกำหนดค่าตัวเลือกการรวมขั้นสูงยิ่งขึ้นผ่านโมดูลเพิ่มเติมเพื่อเร่งความเร็วเว็บไซต์ได้ด้วยการเชื่อมโยง การลดขนาด และการบีบอัดเนื้อหา JavaScript
จูมลา
มีส่วนขยาย Joomla จำนวนมากที่ช่วยให้เว็บไซต์เร็วขึ้นได้ด้วยการลิงก์ ลดขนาด และบีบอัดสคริปต์ นอกจากนี้ยังมีเทมเพลตที่มีฟังก์ชันการทำงานนี้ด้วย
Magento
ใช้ Terser เพื่อลดขนาดเนื้อหา JavaScript ทั้งหมดจากการใช้งานเนื้อหาแบบคงที่และปิดใช้ฟีเจอร์การลดขนาดในตัว
โต้ตอบ
หากระบบในรุ่นของคุณลดขนาดไฟล์ JS โดยอัตโนมัติ โปรดตรวจสอบว่าคุณทำให้บิลด์ที่ใช้งานจริงของแอปพลิเคชันใช้งานได้ โดยใช้ส่วนขยายของ React Developer Tools
WordPress
มีปลั๊กอิน WordPress หลายอย่างที่ช่วยให้เว็บไซต์เร็วขึ้นได้ด้วยการลิงก์ ลดขนาด และบีบอัดสคริปต์ นอกจากนี้คุณอาจใช้กระบวนการบิลด์เพื่อลดขนาดล่วงหน้าหากเป็นไปได้
แหล่งข้อมูล
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2019-05-02 UTC
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"ไม่มีข้อมูลที่ฉันต้องการ"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"ล้าสมัย"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"ปัญหาเกี่ยวกับการแปล"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"อื่นๆ"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"เข้าใจง่าย"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"แก้ปัญหาของฉันได้"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"อื่นๆ"
}]
{"lastModified": "\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14 2019-05-02 UTC"}
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2019-05-02 UTC"],[],[]]