Βέλτιστες Πρακτικές: Εργασία με το JavaScript
Συμπεριλάβετε το JavaScript στο κάτω μέρος του εγγράφου HTML
Αν δεν έχετε document.write (ή οποιαδήποτε δυναμική γενιά των περιεχομένων της σελίδας με javascripts) για να εισάγετε μέρος του περιεχομένου της σελίδας στα προγράμματά σας, μετακινήστε το σενάριο περιλαμβάνει δήλωση στο κάτω μέρος της σελίδας, πριν από το τέλος του tag body.
Η HTTP/1.1 προδιαγραφή προτείνει ότι οι browsers κατεβάσετε όχι περισσότερο από δύο συστατικά παράλληλα ανά όνομα. Αν σας εξυπηρετήσουμε τις εικόνες σας από πολλαπλά hostnames, μπορείτε να πάρετε περισσότερες από δύο λήψεις να εκδηλωθούν παράλληλα. Ενώ ένα σενάριο είναι το κατέβασμα, ωστόσο, ο browser δεν θα ξεκινήσει οποιαδήποτε άλλα λήψεις, ακόμη και σε διαφορετικά ονόματα εξυπηρετητών.
Υπάρχουν επίσης τρόποι για να δημιουργήσετε δυναμικά κόμβους SCRIPT και να φορτώσετε απομακρυσμένα σενάρια μετά φορτώνεται η σελίδα χρησιμοποιώντας AJAX.
Εξωτερικούς σας για το JavaScript
Χρήση εξωτερικών αρχεία JavaScript θα οδηγήσει σε ταχύτερη φόρτωση των σελίδων, επειδή τα αρχεία αποθηκεύονται προσωρινά το JavaScript από τον browser. «Inline JavaScript σε HTML έγγραφα πάρει κατεβάσει κάθε φορά που το έγγραφο HTML ζητείται. Αυτό ενδέχεται να μειώσει ουσιαστικά τον αριθμό των αιτήσεων HTTP έκανε, αλλά στη συνέχεια αυξάνει το μέγεθος του εγγράφου HTML. Εξωτερικά το JavaScript είναι αποθηκευτεί προσωρινά από το πρόγραμμα περιήγησης? Το μέγεθος του εγγράφου HTML, χωρίς να μειώνεται η αύξηση του αριθμού των αιτήσεων HTTP.
Σημειώστε ότι, εάν οι χρήστες στο site σας έχει πολλαπλές προβολές σελίδων ανά συνεδρία και πολλές από τις σελίδες σας επαναχρησιμοποιήσει τα ίδια scripts και των stylesheets, υπάρχει μια μεγαλύτερη δυνατότητα να επωφεληθούν από εξωτερικά αρχεία αποθηκεύονται προσωρινά.
Πακέτο JavaScript αρχεία σας
Στην περίπτωση των JavaScripts, σε αντίθεση με CSS, τα αρχεία θα μπορούσε να ανησυχείτε χρησιμοποιώντας κάποια πρότυπο αλγορίθμων που θα έδινε μια μείωση του μεγέθους του αρχείου από την απλή αφαίρεση χώρους ή καρτέλες. Ένα παράδειγμα javascript συσκευαστή μπορεί να βρεθεί εδώ http://dean.edwards.name/packer/
Ξεφορτωθείτε Κάθε αντίγραφο Σενάρια
Είναι πολύ ασυνήθιστο ότι ολόκληρο σενάρια μπορεί να αντιγραφεί, αλλά μια ανασκόπηση από τις δέκα κορυφαίες αμερικανικές ιστοσελίδες δείχνει ότι δύο από αυτούς περιέχουν διπλές σενάριο. Διπλότυπο γραφές, αλλά προφανώς μειώνει την απόδοση, με τη δημιουργία άσκοπων αιτήσεων HTTP και σπατάλη εκτέλεση JavaScript.
Επίσης, σε πολλές περιπτώσεις, αν και τα ονόματα είναι διαφορετικά σενάρια, υπάρχει μια πιθανότητα των διπλών δεσμών ενεργειών εντός της ίδιας σελίδας, λόγω του μεγέθους της ομάδας και τον αριθμό των σεναρίων.
Ελαχιστοποιήστε την πρόσβαση DOM στοιχεία όπου αυτό είναι δυνατό
Πρόσβαση σε στοιχεία DOM με JavaScript είναι τόσο αργή, ώστε να έχουν μια πιο αποτελεσματική τη σελίδα, θα πρέπει:
• Cache αναφορές για πρόσβαση σε στοιχεία
• Ενημέρωση των κόμβων "συνδεδεμένος" και στη συνέχεια προσθέστε τα στο δέντρο
• Αποφύγετε τον καθορισμό διάταξη με JavaScript
Ξεχωριστή Συμπεριφορά Περιεχόμενο και παρουσίαση
Ακριβώς όπως ξεχωριστή παρουσίαση (CSS / XSLT) από Περιεχομένου (XHTML / XML), θα πρέπει επίσης να χωρίσουμε Συμπεριφορά (Javascript). Αυτό ονομάζεται διακριτικό Javascript. Ακριβώς όπως έχουμε συνδεθεί με εξωτερικά αρχεία CSS, θα πρέπει να συνδεθεί με εξωτερικά αρχεία javascript.
Αντί της σκληρής συμπεριφοράς κωδικοποίησης στο περιεχόμενο (π.χ. onmouseover, onclick, κλπ.), η συμπεριφορά θα πρέπει να προστεθεί δυναμικά στοιχεία, κατηγορίες, και μοναδικά στοιχεία (ταυτότητες), χρησιμοποιώντας το DOM. Το θεμελιώδες έγγραφο, το περιεχόμενο, πρέπει να περιέχει μόνο έγκυρο XHTML / XML και δεν javascript.
Η Javascript πρέπει να αυξάνουν το περιεχόμενο με την προσθήκη συμπεριφορά. Το περιεχόμενο θα πρέπει να παραμείνει χρήσιμο και αξιοποιήσιμο χωρίς javascript (ή χωρίς την πλήρη υποστήριξη javascript).
