Το επόμενο σημείο αφορά την απόδοση. Ο διακομιστής εκτυλίσσει έντεκα σελίδες πολύ αργά. Ενδιαφέρον είναι ότι η αρχική σελίδα δεν είναι περιλαμβανόμενη σε αυτές.
Κάνω ένα αντίθετο τεστ για να βρω το στενό λαιμό και αφήνω την απόδοση να δοκιμαστεί μέσω του GTMetrix. Η αρχική σελίδα τρέχει - και αυτό παρά το βίντεο και τις μικρές κινούμενες εικόνες στη σελίδα:
Ας πάρουμε τώρα μια σελίδα που η Seobility κάνει παρατηρήσεις:
Σχεδόν βέλτιστη απόδοση κατά την φόρτωση της σελίδας μέσω GTMetrix. Το Seobility παρέχει επίσης συμβουλές στο πλαίσιο πληροφοριών για τη βελτιστοποίηση της απόδοσης και αναφέρεται ως εργαλείο δοκιμής στα PageSpeed Insights της Google. Ενώ η προβολή επιφάνειας εργασίας επιτυγχάνει σχεδόν βέλτιστη αξιολόγηση με 95%, υπάρχουν πιο αυστηρές απαιτήσεις για την κινητή προβολή. Το αποτέλεσμα είναι με 67% αρκετά μέτριο. Τουλάχιστον τα Core Web Vitals είναι εκπληρωμένα.
Η κύρια αναφορά ως πρόβλημα είναι η μέγεθος της εικόνας. Και πρέπει να ομολογήσω ότι πάνω από 800 kb φαίνονται αρκετά μεγάλα. Είναι λόγω του μορφής PNG 24. Χρησιμοποιώντας την αποθήκευση PNG 8, οι εικόνες γίνονται πολύ μικρότερες, αλλά στις καμπύλες είναι ανακατεμένες. Και με τον κινηματογραφικό αποτέλεσμα, αυτό είναι κάποιος συμβιβασμός που έκαναμε την εποχή της ανανέωσης του ξεκινήματός μας.
Η Google συνιστά να χρησιμοποιούμε σύγχρονες μορφές εικόνων. Και η Google έχει δίκιο. Δοκιμαστικά μετατρέπω τις δύο εικόνες PNG, τις μετατρέπω μέσω του διαδικτυακού εργαλείου squoosh.app και τις αντικαθιστώ στην ιστοσελίδα με τις εικόνες WEBP, οι οποίες είναι μόνο το μισό μέγεθος. Τώρα το αποτέλεσμα του τεστ είναι 98% για την επιφάνεια εργασίας και 74% για το κινητό.
Μια καλή βελτίωση που επιτεύχθηκε μέσα σε λίγα λεπτά.
Τόσο η Google όσο και το GTMetrix μου δίνουν περισσότερες συμβουλές που υπάρχει δυνατότητα βελτίωσης. Ως σημείο λαμβάνω στην μπάρα εργασιών μια ενημέρωση διακομιστή της λογισμικής σε PHP 8.2, αφού η ιστοσελίδα παραμένει ακόμη σε PHP 13.2. Αυτό είναι σημαντικό για λόγους ασφάλειας, αλλά και από πλευράς απόδοσης.
