Διαφήμιση
Τι θα κάνατε αν η πρώτη σας εντύπωση για έναν ιστότοπο ήταν ότι χρειάζεται πάντα για φόρτωση;
Εάν ο δικός σας ιστότοπος φορτώνεται αργά, θα χάσετε την προσοχή των επισκεπτών σας ακόμη και πριν ο ιστότοπός σας έχει την ευκαιρία να κάνει εντύπωση. Επιπλέον, το Google έχει συμπεριλάβει την ταχύτητα σελίδας στις κατατάξεις αναζήτησης. Επομένως, είναι σημαντικό να παρακολουθείτε προσεκτικά την ταχύτητα φόρτωσης της σελίδας του ιστότοπού σας.
Η εκτέλεση δοκιμής ταχύτητας στον ιστότοπό σας είναι πολύ απλή.
Υπάρχουν πολλές υπηρεσίες εκεί έξω που εκτελούν αυτοματοποιημένες δοκιμές. Ακολουθούν μερικοί χρήσιμοι πόροι που θα σας βοηθήσουν να αναλύσετε όχι μόνο πόσο γρήγορα φορτώνεται ο ιστότοπός σας, αλλά και τι επιβραδύνει. Οι προτάσεις σας δείχνουν ποιες αλλαγές είναι απαραίτητες για να περάσετε το τεστ ταχύτητας, το οποίο είναι το εύρος προσοχής των επισκεπτών σας.
Δοκιμή ταχύτητας ιστότοπου [δεν διατίθεται πλέον]
Αυτό είναι το καλύτερο εργαλείο για γρήγορη και ταυτόχρονη δοκιμή ταχύτητας πολλαπλών τομέων. Μπορείτε να εισαγάγετε έως και 10 τομείς και ο ιστότοπος θα επιστρέψει ένα αποτέλεσμα που περιλαμβάνει το μέγεθος της σελίδας, τον συνολικό χρόνο φόρτωσης και τη μέση ταχύτητα ανά KB. Προφανώς, το MakeUseOf.com έχει βελτιστοποιηθεί για γρήγορη φόρτωση.
Αυτή η δοκιμασία σας δίνει μόνο μια ιδέα για το αν πρέπει ή όχι να αναληφθεί δράση. Δεν αναλύει ποια στοιχεία του ιστότοπού σας επιβραδύνουν την ταχύτητα φόρτωσής του. Αυτό που αποκαλύπτει, ωστόσο, είναι το συνολικό μέγεθος της αρχικής σελίδας σας. Κανόνας: όσο μικρότερο είναι, τόσο πιο γρήγορα θα φορτωθεί.
Ωστόσο, καθώς το παραπάνω παράδειγμα αποκαλύπτει αυτό δεν είναι πάντα αλήθεια, ως εκ τούτου, είναι μια πιο διεξοδική ανάλυση.
Με το Web Page Analyzer μπορείτε να διαγνώσετε ένα URL ή τον (X) κώδικα HTML του. Η αναφορά ταχύτητας ιστοσελίδας παρέχει μια διεξοδική διάγνωση καθώς και ενδείξεις για το πώς να βελτιώσετε τον ιστότοπό σας.
Στην ενότητα "Σύνολο αντικειμένων μεγέθους" ο συνολικός χρόνος φόρτωσης κατανέμεται κατά αντικείμενα, όπως HTML, εικόνες, σενάρια και πολυμέσα. Αυτοί οι αριθμοί δείχνουν σαφώς τι επιβραδύνει τον ιστότοπό σας.
Τα συμπεράσματα από τα μη επεξεργασμένα δεδομένα αντλούνται στην ενότητα «Ανάλυση και συστάσεις» στο κάτω μέρος της έκθεσης. Η λίστα δεν σας δείχνει μόνο πού πρέπει να βελτιώσετε και προτείνει δράση, αλλά σας συγχαίρει για αυτό που είχε ήδη γίνει σωστά.
Το YSlow είναι μια επέκταση Firefox που αναπτύχθηκε από τον Steve Souders, τον τύπο που προσλήφθηκε από το Yahoo! να επιταχύνουν τον ιστότοπό τους και ποιος έγραψε δύο βιβλία σχετικά με το θέμα της επιτάχυνσης των ιστότοπων. Το YSlow ενσωματώνεται στο Firebug, επομένως είναι σημαντικό να εγκαταστήσετε και τις δύο αυτές επεκτάσεις. Το Firebug είναι ένα εργαλείο ανάπτυξης ιστού που είναι ενσωματωμένο σε μια επέκταση του Firefox. Σας βοηθά να ελέγξετε το HTML, να εντοπίσετε σφάλματα JavaScript και να αναλύσετε τη χρήση και την απόδοση του δικτύου του ιστότοπού σας.
Μόλις εγκατασταθεί, θα βρείτε τα κουμπιά Firebug / YSlow στη γραμμή κατάστασης. Μέσα στο παράθυρο ανάλυσης Firebug, το YSlow καταλαμβάνει τη δική του καρτέλα. Αυτό το περίπλοκο εργαλείο θα χρειαστεί λίγη ώρα για να το χωνέψει, καθώς υπάρχει ένας τόνος χαρακτηριστικών που έχουν ενσωματωθεί σε δώδεκα δευτερεύουσες καρτέλες.
Η κύρια πτυχή είναι η βαθμολόγηση του ιστότοπου. Υπάρχουν πάνω από 20 βαθμοί που βαθμολογούνται και συμβάλλουν στη συνολική απόδοση. Για κάθε σημείο, γίνονται προτάσεις σχετικά με τον τρόπο βελτίωσης του συγκεκριμένου βαθμού.
Τα στοιχεία ταξινομούνται κατά τύπο σε έναν πίνακα που παραθέτει το μέγεθος και το χρόνο απόκρισης μαζί με άλλα χαρακτηριστικά. Αυτό είναι χρήσιμο για την εύρεση στοιχείων που επιβραδύνουν τον ιστότοπό σας. Τα στατιστικά στοιχεία αποκαλύπτουν το βάρος του ιστότοπου σε μια κενή ή αρχική κρυφή μνήμη και χωρίζει το βάρος στα στοιχεία του, όπως HTML, JavaScript ή εικόνες.
Τέλος, το YSlow παρέχει Εργαλεία για εμφάνιση όλων των κώδικα JavaScript ή CSS, λήψη μιας εκτυπώσιμης προβολής βαθμών, λιστών στοιχείων και στατιστικά στοιχεία και το καλύτερο από όλα, το Smush.it μπορεί να συμπιέσει όλες τις εικόνες στον ιστότοπό σας για να εξοικονομήσει μέγεθος και στη συνέχεια να φορτώσει τη σελίδα χρόνος.
Με τη βοήθεια όλων αυτών των υπηρεσιών πρέπει τώρα να γνωρίζετε ακριβώς τι επιβραδύνει τον ιστότοπό σας.
Εάν εν τω μεταξύ έχετε αναπτύξει ένα βαθύ ενδιαφέρον για το θέμα, διαβάστε αυτήν την περίληψη μιας διδακτορικής διατριβής Απόδοση ιστοσελίδας.
Δείτε επίσης τα ακόλουθα άρθρα στο MakeUseOf:
- 5 Συμβουλές HTML για να δημιουργήσετε έναν ιστότοπο γρήγορης φόρτωσης 5 Συμβουλές HTML για να δημιουργήσετε έναν ιστότοπο γρήγορης φόρτωσης Διαβάστε περισσότερα από τον Guy.
- Πώς να εγκαταστήσετε το Firebug σε IE, Safari, Chrome & Opera Πώς να εγκαταστήσετε το Firebug σε IE, Safari, Chrome & Opera Διαβάστε περισσότερα από τον Jorge.
- Οδηγός της Ερασιτεχνικής για την προσαρμογή της σχεδίασης ιστότοπου με το FireBug Οδηγός της Ερασιτεχνικής για την προσαρμογή του Σχεδιασμού Ιστοσελίδας με το FireBug Διαβάστε περισσότερα από την Ann.
Τι συμβουλές πρέπει να μοιραστείτε για να βελτιώσετε τους ιστότοπους με αργή φόρτωση;
Πιστώσεις εικόνας: vierdrie
Η Τίνα γράφει για την τεχνολογία των καταναλωτών για πάνω από μια δεκαετία. Είναι κάτοχος Διδακτορικού στις Φυσικές Επιστήμες, δίπλωμα από τη Γερμανία και MSc από τη Σουηδία. Το αναλυτικό της υπόβαθρο την βοήθησε να ξεχωρίσει ως δημοσιογράφος τεχνολογίας στο MakeUseOf, όπου τώρα διαχειρίζεται έρευνα και λειτουργία λέξεων-κλειδιών.