Βελτιστοποίηση του χρόνου φόρτωσης φορμών με βέλτιστες πρακτικές σχεδίασης και δέσμης ενεργειών

Οι φόρμες που φορτώνονται αργά ενδέχεται να έχουν αρνητική επίδραση στην παραγωγικότητα και την υιοθέτησή τους από το χρήστη. Ακολουθήστε τις παρακάτω συστάσεις για να μεγιστοποιήσετε την ταχύτητα φόρτωσης των φορμών σας. Πολλές από αυτές τις συστάσεις σχετίζονται με τον τρόπο εφαρμογής δεσμών ενεργειών φορμών στον οργανισμό σας από την πλευρά του προγραμματιστή. Φροντίστε να συζητήσετε αυτές τις συστάσεις με τους προγραμματιστές που δημιουργούν δέσμες ενεργειών φορμών για τις φόρμες σας.

Σχεδίαση φόρμας

Αναλογιστείτε την αλληλεπίδραση που θα έχει ο χρήστης με τη φόρμα και τον όγκο των δεδομένων που πρέπει να εμφανίζονται σε αυτήν.

Διατήρηση ελάχιστου αριθμού πεδίων
Όσο περισσότερα πεδία έχετε σε μια φόρμα, τόσο περισσότερα είναι τα δεδομένα που πρέπει να μεταφερθούν μέσω του Internet ή intranet για την προβολή κάθε εγγραφής.

Δέσμες ενεργειών φόρμας

Όταν έχετε προσαρμογές με χρήση δεσμών ενεργειών φόρμας, βεβαιωθείτε ότι ο προγραμματιστής κατανοεί τις στρατηγικές για τη βελτίωση της απόδοσης.

Αποφύγετε τη χρήση σύγχρονων αιτήσεων Οι σύγχρονες αιτήσεις μπορεί να προκαλέσουν αργή φόρτωση σελίδων και μη ανταπόκριση φορμών. Εναλλακτικά, χρησιμοποιήστε ασύγχρονα αιτήματα. Ανατρέξτε σε αυτήν την καταχώρηση ιστολογίου για περισσότερα παραδείγματα.

Προσπαθήστε να μην συμπεριλαμβάνετε βιβλιοθήκες πόρων web JavaScript
Όσο περισσότερες δέσμες ενεργειών προσθέτετε στη φόρμα, τόσος περισσότερος χρόνος απαιτείται για τη λήψη τους. Συνήθως οι δέσμες ενεργειών αποθηκεύονται προσωρινά στο πρόγραμμα περιήγησής σας, αφού φορτωθούν την πρώτη φορά, αλλά η απόδοση κατά την πρώτη προβολή της φόρμας δημιουργεί συχνά μια σημαντική εντύπωση.

Αποφύγετε τη φόρτωση όλων των δεσμών ενεργειών στο συμβάν Onload
Αν ο κώδικάς σας υποστηρίζει μόνο συμβάντα OnChange για πεδία ή για το συμβάν OnSave, φροντίστε να ορίσετε τη βιβλιοθήκη δεσμών ενεργειών με το πρόγραμμα χειρισμού συμβάντων για αυτά τα συμβάντα, και όχι για το συμβάν OnLoad. Με αυτόν τον τρόπο, η φόρτωση αυτών των βιβλιοθηκών μπορεί να αναβληθεί και να αυξηθεί η απόδοση κατά τη φόρτωση της φόρμας.

Χρησιμοποιήστε συμπτυγμένες καρτέλες για την αναβολή της φόρτωσης των πόρων web
Όταν οι πόροι web ή τα IFRAME περιλαμβάνονται σε ενότητες μιας συμπτυγμένης καρτέλας, δεν θα φορτώνονται, εάν η καρτέλα έχει συμπτυχθεί. Θα φορτώνονται, όταν η καρτέλα αναπτύσσεται. Όταν αλλάζει η κατάσταση καρτέλας, προκύπτει το συμβάν TabStateChange. Οποιοσδήποτε κώδικας απαιτείται για την υποστήριξη πόρων web ή IFRAME μέσα σε συμπτυγμένες καρτέλες μπορεί να χρησιμοποιεί προγράμματα χειρισμού συμβάντων για το συμβάν TabStateChange και να μειώνει τον κώδικα που διαφορετικά ενδέχεται να πρέπει να εμφανιστεί στο συμβάν OnLoad.

Ορίστε προεπιλεγμένες επιλογές ορατότητας
Αποφύγετε τη χρήση δεσμών ενεργειών φόρμας στο συμβάν OnLoad που αποκρύπτει στοιχεία φόρμας. Αντί γι' αυτό, ορίστε τις προεπιλεγμένες επιλογές ορατότητας για τα στοιχεία φόρμας που μπορεί να είναι κρυμμένα, ώστε να μην είναι ορατά από προεπιλογή κατά τη φόρτωση της φόρμας. Στη συνέχεια, χρησιμοποιήστε δέσμες ενεργειών στο συμβάν OnLoad για να εμφανίσετε αυτά τα στοιχεία φόρμας που θέλετε να εμφανίσετε. Εάν τα στοιχεία φόρμας δεν γίνονται ορατά ποτέ, θα πρέπει να καταργηθούν από τη φόρμα αντί να κρυφτούν.

Γραμμή εντολών ή κορδέλα

Λάβετε υπόψη τις παρακάτω συστάσεις κατά την επεξεργασία της γραμμής εντολών ή της κορδέλας.

Διατήρηση ελάχιστου αριθμού στοιχείων ελέγχου
Μέσα στη γραμμή εντολών ή την κορδέλα της φόρμας, αξιολογήστε τα στοιχεία ελέγχου που είναι απαραίτητα και αποκρύψτε όσα δεν χρειάζεστε. Όλα τα στοιχεία ελέγχου που εμφανίζονται αυξάνουν τους πόρους που πρέπει να ληφθούν στο πρόγραμμα περιήγησης.

Χρήση αιτήσεων ασύγχρονου δικτύου σε προσαρμοσμένους κανόνες Κατά τη χρήση προσαρμοσμένων κανόνων που κάνουν αιτήσεις δικτύου στο Ενοποιημένο περιβάλλον εργασίας, χρησιμοποιήστε την ασύγχρονη αξιολόγηση κανόνων.

Δείτε επίσης

Δημιουργία και σχεδίαση φορμών
Θέματα σχεδίασης για κύριες φόρμες
Πώς οι κύριες φόρμες εμφανίζονται σε διαφορετικούς υπολογιστές-πελάτες