Πόροι αποκλεισμού απόδοσης

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

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

Τα σενάρια μπλοκάρονται επειδή ένα σενάριο που συναντάται κατά την ανάλυση μπορεί να τροποποιήσει το έγγραφο, επομένως ο αναλυτής σταματά μέχρι να εκτελεστεί. Τα περισσότερα σενάρια δεν χρειάζονται αυτήν τη συμπεριφορά: τα αναλυτικά στοιχεία, τα γραφικά στοιχεία συνομιλίας, τα εργαλεία εξατομίκευσης και ο περισσότερος κώδικας εφαρμογών μπορούν να εκτελεστούν μετά την ανάλυση του εγγράφου χωρίς καμία απώλεια ορθότητας. Η προσθήκη του χαρακτηριστικού defer επιτρέπει τη συνέχιση της ανάλυσης και τα εκτελεί με τη σειρά στη συνέχεια, ενώ το async τα εκτελεί μόλις φτάσουν χωρίς εγγυήσεις ταξινόμησης.

Η τυπική λύση για τα φύλλα στυλ είναι ο διαχωρισμός των στυλ που απαιτούνται για το αρχικό παράθυρο προβολής από τα υπόλοιπα. Το κρίσιμο τμήμα ενσωματώνεται απευθείας στο έγγραφο, επομένως δεν απαιτείται αίτημα και το υπόλοιπο φορτώνεται με τρόπο που δεν εμποδίζει την ανάπτυξη. Αυτό είναι αποτελεσματικό και προσθέτει πολυπλοκότητα κατασκευής, καθώς το κρίσιμο σύνολο πρέπει να αναγεννάται κάθε φορά που αλλάζουν τα στυλ και το παλιό κρίσιμο CSS παράγει ορατά ελαττώματα.

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

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

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

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

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