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

Υπάρχουν πολλοί παράγοντες που μπορούν να επηρεάσουν την ταχύτητα φόρτωσης ενός ιστότοπου. Ανάλυση και επίλυση των προβλημάτων μία προς μία θα μπορούσε να είναι ένας εφιάλτης για μη-geeks που συμβαίνει να έχουν έναν ή δύο ιστοχώρους. Αλλά ευτυχώς, υπάρχει το YSlow - ένα πρόσθετο για το Firefox το οποίο θα βοηθήσει ακόμα και τους πιο συνηθισμένους χρήστες της τεχνολογίας να εντοπίσουν εύκολα τα γουρούνια στις ιστοσελίδες τους.

Αποκτήστε, εγκαταστήστε και ρυθμίστε τις προσθήκες

Μπορείτε να εγκαταστήσετε το YSlow χρησιμοποιώντας τη λειτουργία αναζήτησης στο Διαχειριστή πρόσθετων του Firefox ή μπορείτε επίσης να το πάρετε απευθείας από τη σελίδα YSlow.

Και μετά την εγκατάσταση, μπορείτε να δείτε το λογότυπο στην κάτω μπάρα του Firefox. Κάνοντας κλικ σε αυτό θα ενεργοποιηθεί το πρόσθετο.

Ωστόσο, σημειώστε ότι πρέπει να εγκαταστήσετε και να ενεργοποιήσετε το Firebug πριν χρησιμοποιήσετε το YSlow. Και αν είστε χρήστες του Firefox 4 beta, δεν μπορείτε να χρησιμοποιήσετε το YSlow επειδή η τελευταία έκδοση του Firebug (τη στιγμή της εγγραφής) είναι συμβατή μόνο με το Firefox 3.x.

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

Υπάρχουν διάφοροι κανόνες δοκιμής που μπορείτε να χρησιμοποιήσετε ανάλογα με το είδος της ιστοσελίδας που έχετε. Οι περισσότεροι από εμάς ερασιτέχνες blogger μπορεί να θέλουν να χρησιμοποιούν το σύνολο κανόνων " Μικρές ιστοσελίδες ή Blog ".

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

Το αποτέλεσμα της δοκιμής

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

Μπορείτε να μάθετε περισσότερα σχετικά με ένα συγκεκριμένο στοιχείο κάνοντας κλικ στον σύνδεσμο " Διαβάστε περισσότερα ".

Μπορείτε επίσης να φιλτράρετε το αποτέλεσμα βάσει των κατηγοριών.

Δίπλα στην καρτέλα " Βαθμολογία " βρίσκεται η καρτέλα " Εξαρτήματα ". Αυτό είναι το μέρος για να δείτε τη λίστα κατανομής στοιχείων που ζυγίζουν κάτω τη σελίδα που αναλύετε.

Στην καρτέλα " Στατιστικά " θα εμφανιστεί το αποτέλεσμα με πιο γραφικό τρόπο. Μπορείτε να συγκρίνετε γρήγορα το μέγεθος κάθε στοιχείου απλά κοιτάζοντας το γράφημα.

Εργαλεία Εμπορίου

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

Για παράδειγμα. μπορείτε να κάνετε κλικ στο σύνδεσμο " Όλα τα JS Minified " για να πάρετε πιο συμπαγή και μικρότερο σενάριο. Στη συνέχεια, συνδεθείτε στο web host σας και χρησιμοποιήστε αυτά τα minified scripts για να αντικαταστήσετε αυτά που χρησιμοποιείτε στον ιστότοπό σας.

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

Κάντε κλικ στο σύνδεσμο " Όλα τα Smush.it " και αφήστε το Smush.it να κάνει τα υπόλοιπα. Αφού ολοκληρωθεί η διαδικασία, μπορείτε να μεταφορτώσετε τις χαραγμένες εικόνες και να τις χρησιμοποιήσετε για να αντικαταστήσετε αυτές που χρησιμοποιείτε στην ιστοσελίδα.

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

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

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

Οι ιδιοκτήτες ιστολογίων του WordPress θα μπορούσαν επίσης να δοκιμάσουν άλλες 3 μεθόδους για να ελαφρύνουν το φορτίο και να επιταχύνουν τα blog τους.

Έχετε δοκιμάσει το YSlow; Ξέρετε άλλα εργαλεία για να αναλύσετε και να διορθώσετε τα γουρούνια στις ιστοσελίδες σας; Μοιραστείτε τις σκέψεις και τις απόψεις σας χρησιμοποιώντας το παρακάτω σχόλιο.