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

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

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

ลองนึกถึงการโต้ตอบที่ผู้ใช้จะมีกับแบบฟอร์มและจํานวนข้อมูลที่ต้องแสดงภายในแบบฟอร์ม

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

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

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

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

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

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

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

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

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

คํานึงถึงคําแนะนําเหล่านี้เมื่อคุณแก้ไขแถบคําสั่งหรือ Ribbon

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

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

ดูเพิ่มเติม

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