Καθώς η ταχύτητα σελίδας γίνεται μια σημαντική μέτρηση τόσο για το SEO όσο και για το UX με την πάροδο των ετών, η έννοια του α προϋπολογισμός απόδοσης ιστού έχει επίσης έρθει στο προσκήνιο. Είναι πλέον πιο προφανές ότι η απόδοση Ιστού είναι ένα θέμα που απαιτεί μια κοινή προοπτική σε όλα τα τμήματα, αντί να είναι απλώς η προτεραιότητα ενός μεμονωμένου τμήματος ή ατόμου.

Για να το εξηγήσουμε αυτό με ένα παράδειγμα: τα τμήματα μάρκετινγκ μπορεί να θέλουν να εφαρμόσουν τη μετατροπή και κωδικούς επαναληπτικού μάρκετινγκ/επαναστόχευσης, μαζί με εργαλεία όπως Criteo και RTB House, που χρησιμοποιούν επαναστόχευση βάσει προϊόντων. Μπορεί επίσης να περιμένουν εντυπωσιακές φωτογραφίες και κινούμενα σχέδια. Εν τω μεταξύ, τα τμήματα προϊόντων ενδέχεται να ζητήσουν την ενσωμάτωση εργαλείων όπως Hotjar και Διαύγεια. Τα τμήματα λογισμικού, από την άλλη πλευρά, στοχεύουν στην ανάπτυξη όσο το δυνατόν γρηγορότερα τόσο στο frontend όσο και στο backend. Η ζήτηση και το κόστος που σχετίζεται με αυτές τις απαιτήσεις σχετικά με την ταχύτητα σελίδας είναι στην πραγματικότητα σε ισορροπία. Ο προϋπολογισμός απόδοσης ιστού προέκυψε για να εδραιωθεί αποτελεσματικά αυτή η ισορροπία.

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

 

image-5.png
πηγή: https://wp-rocket.me/blog/performance-budgets/

 

Όλα ξεκινούν με μια πρόταση. Προτείνετε πόσο γρήγορα θα πρέπει να ανοίγει η σελίδα σας σε έναν συγκεκριμένο τύπο σύνδεσης. Για παράδειγμα, ορισμένες προτάσεις προϋπολογισμού απόδοσης θα μπορούσαν να είναι:

  • Μπορεί να ανοίξει η αρχική σελίδα κάτω από 2 δευτερόλεπτα σε γρήγορη σύνδεση κινητής τηλεφωνίας 3G (1.6 Mbps)?
  • Μπορεί να ανοίξει η σελίδα αποτελεσμάτων αναζήτησης κάτω από 5 δευτερόλεπτα σε αργή σύνδεση 3G (780 Kbps)?

Στη συνέχεια, δημιουργείτε ένα σχέδιο δράσης και επιμέρους μετρήσεις για να επιτύχετε αυτές τις προτάσεις, χωρίζοντάς το σε μέρη.

Εκτός από προτάσεις, μπορεί να υπάρχουν και άλλοι στόχοι προϋπολογισμού απόδοσης. Για παράδειγμα:

  • Αύξηση του κινητού Φάρου βαθμολογία της σελίδας λεπτομερειών πάνω από 80
  • Μείωση του μεγέθους όλων των εικόνων στον ιστότοπο για υπολογιστές έως κάτω από 500 KB

Μετρήσεις προϋπολογισμού απόδοσης

Υπάρχουν τρεις διαφορετικές προοπτικές αποδεκτές για τον προσδιορισμό των μετρήσεων ενός προϋπολογισμού απόδοσης:

Μετρήσεις βάσει αριθμών

  • Μέγιστος αριθμός γραμματοσειρών / Μέγιστο μέγεθος γραμματοσειράς
  • Μέγιστος αριθμός εικόνων / Μέγιστο μέγεθος εικόνας
  • Μέγιστος αριθμός σεναρίων, στυλ, βίντεο κ.λπ. / Μέγιστο μέγεθος σεναρίου, στυλ, βίντεο κ.λπ.
  • Μέγιστο μέγεθος HTML
  • Μέγιστος αριθμός αιτημάτων HTTP
  • Μέγιστος αριθμός σεναρίων τρίτων

 

image-7.png
πηγή: https://web.dev/vitals/

 

Μετρήσεις με βάση το χρόνο

  • Ώρα πρώτης περιεχόμενης ζωγραφικής (FCP).
  • Ο μεγαλύτερος χρόνος ζωγραφικής με περιεχόμενο (LCP).
  • Χρόνος Πρώτης Καθυστέρησης Εισόδου (FID).
  • Ώρα για διαδραστική (TTI).
  • Χρόνος Συνολικού Αποκλεισμού (TBT).
  • Αθροιστική βαθμολογία αλλαγής διάταξης (CLS).
  • Βαθμολογία δείκτη ταχύτητας

Μετρήσεις βασισμένες σε κανόνες

  • Παρτιτούρα φάρων
  • βαθμολογία GTmetrix
  • Βαθμολογία δοκιμής ιστοσελίδας
  • Σκορ Yslow
performance-budget-calculator.png
πηγή: https://www.performancebudget.io/

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

Αξιολογήστε τους τύπους σελίδων χωριστά

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

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

  • ΑΡΧΙΚΗ
  • Στατικές σελίδες καταχώρισης
  • Δυναμικές σελίδες καταχώρισης
  • Σελίδες λεπτομερειών
  • Σελίδες ελέγχου
  • Σελίδες αποτελεσμάτων αναζήτησης
  • Σελίδες καμπάνιας
  • Σελίδες ιστολογίου

Πρέπει να εστιάσετε σε τους προϋπολογισμούς απόδοσης αυτών των τύπων σελίδων χωριστά, με βάση τις προτεραιότητες.