เพิ่มประสิทธิภาพขององค์ประกอบ (ลดขนาด) เพื่อประสิทธิภาพที่ดีขึ้น

เพิ่มประสิทธิภาพขององค์ประกอบ

ตัวอย่างของการเพิ่มประสิทธิภาพสำหรับรหัสที่มาขององค์ประกอบ (ไม่จำเป็น) มีให้สำหรับองค์ประกอบ Sample-Text-With-Image คุณสามารถใช้ออปติไมเซอร์ RequireJS เพื่อลดขนาดและรวมรหัสที่มา การลดขนาดองค์ประกอบจะเป็นการลบพื้นที่ที่ไม่ต้องการในรหัส JavaScript ออก ทำให้มีประสิทธิภาพการทำงานดีขึ้นและขนาดการดาวน์โหลดลดลง การเพิ่มประสิทธิภาพมีการทำงานดังต่อไปนี้

• ลดขนาดของ JavaScript

• บีบอัด CSS

• รวม JavaScript, HTML และ CSS เป็น render.js ไฟล์เดียว

การออปติไมซ์นี้จะลดขนาดการดาวน์โหลดและเพิ่มประสิทธิภาพการทำงาน

ใช้งานการออปติไมซ์สำหรับองค์ประกอบของคุณ

ในองค์ประกอบ Sample-Text-With-Image การออปติไมซ์จะลดขนาดและรวมไฟล์ทั้งหมดที่มีการทำเครื่องหมายเป็นรายการอ้างอิงใน render.js (template.html, data-defaults.js และ design.css) ให้เป็น render.js ไฟล์เดียว องค์ประกอบอื่นๆ ที่รองรับการออปติไมซ์แล้วมีดังนี้ 

• Sample-Folder-List

• Sample-File-List

• Sample-Documents-Manager

• Sample-Process-Start-Form

• Sample-Process-Task-List

• Sample-Process-Task-Details

ในการเปิดใช้งานการออปติไมซ์สำหรับองค์ประกอบในระบบ ให้ทำตามขั้นตอนต่อไปนี้ (จำเป็น)

1. คัดลอก gulpfile.js จากองค์ประกอบ Sample-Text-With-Image ไปยังองค์ประกอบของคุณ

2. แก้ไขชื่อโมดูลใน gulpfile.js สำหรับการอ้างอิง render.js ดูความเห็นใน gulpfile.js