เพิ่มประสิทธิภาพเวลาในการโหลดฟอร์มด้วยแนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบและสคริปต์

ฟอร์มที่โหลดช้าอาจลดประสิทธิภาพการทำงานและการเริ่มใช้ของผู้ใช้ ทำตามคำแนะนำเหล่านี้เมื่อต้องการขยายความรวดเร็วในการโหลดแบบฟอร์มสูงสุด คำแนะนำจำนวนมากจะเกี่ยวกับวิธีการที่นักพัฒนาใช้สคริปต์ของฟอร์มสำหรับองค์กรของคุณ ตรวจสอบให้แน่ใจว่าได้ปรึกษาเกี่ยวกับคำแนะนำเหล่านี้กับนักพัฒนาที่สร้างสคริปต์ของฟอร์มสำหรับฟอร์มของคุณ

การออกแบบฟอร์ม

พิจารณราเกี่ยวกับการโต้ตอบที่ผู้ใช้จะมีเกี่ยวกับแบบฟอร์มและจำนวนของข้อมูลที่ต้องการแสดงภายในนั้น

รักษาจำนวนของฟิลด์ต่ำสุด
ยิ่งคุณมีฟิลด์ในแบบฟอร์ม ข้อมูลที่จำเป็นต้องถ่ายโอนบนอินเทอร์เน็ตหรืออินทราเน็ตเพื่อดูแต่ละเรกคอร์ดก็มากขึ้นเท่านั้น

สคริปต์ของฟอร์ม

เมื่อคุณได้กำหนดเองโดยใช้สคริปต์ของฟอร์ม ตรวจสอบให้แน่ใจว่านักพัฒนาเข้าใจกลยุทธ์เหล่านี้เพื่อปรับปรุงประสิทธิภาพการทำงาน

หลีกเลี่ยงการใช้คำขอแบบซิงโครนัส การร้องขอแบบซิงโครนัสอาจทำให้โหลดเพจช้าและฟอร์มไม่ตอบสนอง ใช้คำขอแบบอะซิงโครนัสแทน โปรดอ่าน โพสต์ของบล็อกนี้ เพื่อดูตัวอย่างเพิ่มเติม

หลีกเลี่ยงการรวมไลบรารีทรัพยากรบนเว็บ JavaScript ที่ไม่จำเป็น
สคริปต์ที่คุณเพิ่มลงในฟอร์มมากเท่าไร่ จะใช้เวลาเพิ่มเติมในการดาวน์โหลดมากเท่านั้น โดยปกติแล้วสคริปต์จะถูกเก็บไว้ในเบราว์เซอร์ของคุณหลังจากที่ได้ถูกโหลดเป็นครั้งแรก แต่ประสิทธิภาพการทำงานในการดูฟอร์มครั้งแรกมักสร้างความประทับใจสำคัญ

หลีกเลี่ยงการบรรจุสคริปต์ทั้งหมดในเหตุการณ์เมื่อมีการโหลด
ถ้าคุณมีรหัสที่สนับสนุนเฉพาะ OnChange เหตุการณ์สำหรับฟิลด์หรือเหตุการณ์ OnSave ตรวจสอบให้แน่ใจว่าตั้งค่าไลบรารีของสคริปต์ ด้วยตัวจัดการเหตุการณ์สำหรับเหตุการณ์เหล่านั้นแทนเหตุการณ์ OnLoad วิธีนี้ทำให้การโหลดไลบรารีเหล่านั้นสามารถเลื่อนเวลาออกไปและเพิ่มประสิทธิภาพการทำงานเมื่อโหลดฟอร์ม

ใช้แท็บยุบเพื่อหน่วงการโหลดทรัพยากรบนเว็บ
เมื่ทรัพยากรบนเว็บหรือ IFRAMES รวมอยู่ในส่วนภายในเหล่านั้นจะไม่มีการโหลดถ้าแท็บถูกยุบ โดยจะถูกโหลดเมื่อขยายแท็บ เมื่อแท็บเปลี่ยนสถานะเหตุการณ์ TabStateChange จะเกิดขึ้น รหัสใดๆ ที่จำเป็นเพื่อสนับสนุนทรัพยากรบนเว็บหรือ IFRAMEs ภายในแท็บยุบ สามารถใช้ตัวจัดการเหตุการณ์สำหรับเหตุการณ์ TabStateChange และลดรหัสที่อาจมีหรือไม่เช่นนั้นจะเกิดขึ้นในเหตุการณ์ OnLoad

ตั้งค่าตัวเลือกการแสดงผลเริ่มต้น
หลีกเลี่ยงการใช้สคริปต์ของฟอร์มในเหตุการณ์ OnLoad ที่ซ่อนองค์ประกอบของฟอร์ม ตั้งค่าตัวเลือกการแสดงผลเริ่มต้นสำหรับองค์ประกอบของฟอร์มที่อาจถูกซ่อนไม่ให้สามารถมองเห็นได้ตามค่าเริ่มต้นเมื่อโหลดแบบฟอร์มแทน แล้ว ใช้สคริปต์ในเหตุการณ์ OnLoad เพื่อแสดองค์ประกอบของฟอร์มที่คุณต้องการ หากไม่เคยทำให้องค์ประกอบของฟอร์มมองเห็นได้ ควรลบองค์ประกอบออกจากฟอร์มแทนที่จะซ่อน

แถบคำสั่งหรือ Ribbon

จำคำแนะนำเหล่านี้ไว้ขณะที่คุณแก้ไข Ribbon หรือแถบคำสั่ง

รักษาจำนวนของตัวควบคุมต่ำสุด
ภายในแถบคำสั่งหรือ Ribbon สำหรับฟอร์ม ให้ประเมินว่าจำเป็นต้องมีตัวควบคุมใด และซ่อนสิ่งที่ไม่จำเป็น ตัวควบคุมทุกตัวที่แสดงจะเพิ่มทรัพยากรที่จำเป็นต้องดาวน์โหลดไปยังเบราว์เซอร์

ใช้คำขอเครือข่ายแบบอะซิงโครนัสในกฎที่กำหนดเอง เมื่อใช้กฎที่กำหนดเองที่สร้างคำขอเครือข่ายในส่วนติดต่อแบบรวม ใช้การประเมินกฎแบบอะซิงโครนัส

ดูเพิ่มเติม

สร้างและออกแบบฟอร์ม
ข้อควรพิจารณาในการออกแบบฟอร์มหลัก
วิธีที่ฟอร์มหลักปรากฏในไคลเอ็นต์ต่างๆ