Χρήση YSlow Firefox πρόσθετο για να αναλύσει την απόδοση του ιστοχώρου σας

Ταχυδρομημένος στις 3 Αυγούστου 2007 στις 3:53 μ.μ.

Σιγουρευτείτε για να διαβάσετε άλλες θέσεις από τη σειρά FireFox YSlow!

  1. Χρήση YSlow Firefox πρόσθετο για να αναλύσει την απόδοση του ιστοχώρου σας
  2. Πώς αυξήθηκα από την ταχύτητα φορτίων των blog κατά 50% χρησιμοποιώντας YSlow

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

Το YSlow θα παραγάγει μια γενική απόδοση scorecard για τη σελίδα σας, μια πλήρη περίληψη HTML/HTTP, έναν κατάλογο συστατικών στη σελίδα, και άλλα δροσερά εργαλεία όπως JSLint. Υπάρχουν 13 κανόνες για τους ιστοχώρους υψηλής απόδοσης:

  1. Υποβάλτε λιγότερα αιτήματα HTTP
  2. Χρησιμοποιήστε ένα ικανοποιημένο δίκτυο παράδοσης
  3. Προσθέστε ότι λήγει επιγραφή
  4. Τμήματα Gzip
  5. Τεθειμένο CSS στην κορυφή
  6. Χειρόγραφα κίνησης στο κατώτατο σημείο
  7. Αποφύγετε CSS τις εκφράσεις
  8. Καταστήστε JavaScript και CSS εξωτερικά
  9. Μειώστε DNS τις ματιές
  10. Minify JavaScript
  11. Αποφύγετε επαναπροσανατολίζει
  12. Αφαιρέστε τα διπλά χειρόγραφα
  13. Διαμορφώστε ETags

Σύμφωνα με Yahoo, αυτό το εργαλείο έχει βοηθήσει να αυξήσει την απόδοση περίπου 50 περιοχών Yahoo κατά 25 ως 50%. Μόλις εγκαθ:ιστώ, κοιτάξτε βιαστικά στη σελίδα που θέλετε να αναλύσετε, να χτυπήσετε επάνω Εργαλεία, έπειτα FireBug, και επιλέξτε Ανοικτό FireBug.

firebug

Θα δείτε τώρα έναν ελλιμενισμένο φραγμό πέρα από το κατώτατο σημείο όπου μπορείτε να επιθεωρήσετε κάθε πτυχή του ιστοχώρου. Προχωρήστε και χτυπήστε επάνω YSlow στον ακροδεξιό. Υπάρχουν τέσσερις κύριες ετικέττες σε YSlow: Απόδοση, Stats, συστατικά, και εργαλεία. Χτυπήστε στην απόδοση για να πάρετε σας το αποτέλεσμα ελέγχων:

yslow συσκευή ανάλυσης απόδοσης

Δεδομένου ότι μπορείτε να δείτε από ανωτέρω, το blog μου δεν είναι αρκετά βελτιστοποιημένο ακόμα!! OUCH! Θα εργάζομαι βεβαίως σε αυτό το πρόβλημα πολύ σύντομα! Παίρνετε ένα αποτέλεσμα για κάθε ένα από εκείνα τα δέκα τρία σημεία απόδοσης. Χτυπήστε επάνω Stats και θα δείτε ακριβώς πόσα φύλλα ύφους, JavaScript αρχειοθετεί, και εικόνες που φορτώθηκαν. Θα πάρετε το συνολικό μέγεθος της σελίδας και το συνολικό αριθμό αιτημάτων HTTP.

Χτυπήστε επάνω Συστατικά για να πάρουν έναν κατάλογο αυτού που κάθε αίτημα ήταν, ο χρόνος απόκρισης, το μέγεθος, και eTag.

Τέλος, κάτω από τα εργαλεία μπορείτε να χρησιμοποιήσετε JSLint για να βρείτε οποιαδήποτε προβλήματα με τα αρχεία JavaScript σας. Όλο JS και Όλο CSS συνδυάζει όλα τα χωριστά αρχεία σε ένα αρχείο. Εκτυπώσιμη άποψη η επιλογή είναι πολύ κατάλληλη δεδομένου ότι βάζει όλα τα στοιχεία από όλες τις ετικέττες μαζί για την εύκολη εκτύπωση.

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

Ετικέττες Technorati: , , , , , , , , ,

If you enjoyed this post, make sure you subscribe to my RSS feed!

» Filed Under Web Site Tips

Related Posts

Please post your comments/suggestions!