Optimalkan waktu muat formulir dengan praktik terbaik desain dan skrip

Formulir yang dimuat dengan lambat dapat mengurangi produktivitas dan adopsi pengguna. Ikuti rekomendasi ini untuk memaksimalkan kecepatan pemuatan formulir. Beberapa rekomendasi ini adalah tentang cara pengembang dapat menerapkan formulir skrip untuk organisasi Anda. Pastikan untuk mendiskusikan rekomendasi ini dengan pengembang yang membuat formulir skrip untuk formulir Anda.

Desain formulir

Pikirkan tentang interaksi yang akan pengguna memiliki dengan formulir dan jumlah data yang harus ditampilkan di dalamnya.

Pertahankan jumlah bidang seminimal mungkin
Semakin banyak bidang dalam formulir, maka semakin banyak data yang harus ditransfer melalui Internet atau intranet agar dapat melihat setiap catatan.

Formulir skrip

Bila Anda memiliki penyesuaian menggunakan formulir skrip, pastikan bahwa pengembang memahami strategi ini untuk meningkatkan kinerja.

Hindari menggunakan permintaan sinkron Permintaan sinkron dapat menyebabkan pemuatan halaman lambat dan formulir tidak responsif. Gunakan permintaan asinkron sebagai gantinya. Lihat posting blog ini untuk contoh lainnya.

Hindari menyertakan pustaka sumber daya web JavaScript yang tidak perlu
Semakin banyak skrip yang ditambahkan ke formulir, maka semakin banyak waktu yang dibutuhkan untuk mengunduhnya. Biasanya skrip di-cache dalam browser Anda setelah dimuat untuk pertama kalinya, namun kinerja saat formulir pertama kali dilihat sering membuat kesan yang signifikan.

Hindari memuat semua skrip dalam peristiwa Onload
Jika Anda memiliki kode yang hanya mendukung OnChange peristiwa untuk bidang atau OnSave peristiwa, pastikan untuk mengatur pustaka skrip dengan penanganan peristiwa untuk peristiwa tersebut, bukan OnLoad peristiwa. Dengan demikian pemuatan perpustakaan tersebut dapat ditunda dan meningkatkan kinerja saat formulir dimuat.

Menggunakan tab yang diciutkan untuk menunda pemuatan sumber daya web
Bila web sumber daya atau IFRAME disertakan di beberapa bagian dalam tab tutup, maka mereka akan tidak dimuat jika tab ditutup. Mereka akan dimuat bila tab dibuka. Ketika status tab berubah, peristiwa terjadi TabStateChange . Kode apa pun yang diperlukan untuk mendukung sumber daya web atau IFRAME dalam tab yang diciutkan dapat menggunakan penanganan peristiwa untuk peristiwa TabStateChange dan mengurangi kode yang mungkin harus terjadi dalam peristiwa tersebut OnLoad .

Mengatur opsi visibilitas default
Hindari menggunakan skrip formulir jika menyembunyikan OnLoad elemen formulir. Tetapkan standar pilihan visibilitas default untuk elemen formulir yang mungkin tersembunyi agar tidak terlihat secara default bila formulir dimuat. Kemudian, gunakan skrip dalam acara untuk OnLoad menampilkan elemen formulir yang ingin Anda tampilkan. Jika elemen formulir tidak pernah terlihat, mereka harus dihapus dari formulir daripada disembunyikan.

panel perintah atau pita

Ingat rekomendasi ini bila Anda mengedit panel perintah atau pita.

Pertahankan jumlah kontrol seminimal mungkin
Dalam panel perintah atau pita untuk formulir, evaluasi kontrol yang diperlukan dan sembunyikan yang tidak diperlukan. Semua kontrol yang ditampilkan meningkatkan sumber daya yang harus diunduh ke browser.

Menggunakan permintaan jaringan asinkron di Aturan Kustom Saat menggunakan aturan kustom yang membuat permintaan jaringan di Antarmuka Terpadu, gunakan evaluasi aturan asinkron.

Lihat juga

Membuat dan mendesain formulir
Pertimbangan desain untuk formulir utama
Bagaimana formulir utama muncul di klien yang berbeda